<template>
	<view class="container" v-if="goodsData['info']['start_time']">
		<view class="bg" id="getheight" ref="scroller">
			<tui-list-cell @click="detail" last="true" class="tui-avatar">
				<view class="tui-avatar-box" @click="particulars(goodsData['userInfo']['user_id'],userInfo['user_id'])">
					<image :src="goodsData['userInfo']['imageurl']" class="tui-avatar-pic" mode="widthFix"></image>
					<view class="tui-avatar-item">
						<view class="tui-avatar-name">
							<image v-if="goodsData['userInfo']['jielong_status'] == 1" src="../../static/my/icon/Group2.png" class="tui-avatar-autonym"></image>
							<text class="userInfo_nickname">{{goodsData['userInfo']['nickname']}}</text>
						</view>
						<view class="tui-avatar-time">
							{{formatDate(goodsData['info']['start_time'])}} 
						</view>
					</view>
				</view>
				<view class="tui-avatar-right">
					<view class="tui-menu-left tui-col-12">
						<!-- <view class="tui-menu-item" @click="detail('./dragonMyorder?id='+goodsData['info']['id'])" v-if="goodsData['userInfo']['user_id'] == userInfo['user_id']">
							<view class="menuImgPadding">
								<image  src="../../static/my/long_activate.png" class="menuImg"></image>
							</view>
							<view class="tui-menu-text tui-menu-scale-small">订单</view>
						</view> -->
						<view class="tui-menu-item" style="margin: 0 !important;" @click="particulars(goodsData['userInfo']['user_id'],userInfo['user_id'])">
							<view  class="menuImgPadding">
								<image  src="../../static/my/icon/commodity.png" class="menuImg"></image>
							</view>
							<view class="tui-menu-text tui-menu-scale-small" style="width: 120rpx !important;">全部商品</view>
						</view>
						<view class="tui-menu-item" @click="tel(goodsData['userInfo']['contact_mobile'])">
							<view  class="menuImgPadding">
								<image  src="../../static/my/icon/telephone.png" class="menuImg"></image>
							</view>
							<view class="tui-menu-text tui-menu-scale-small">联系</view>
						</view>
						<view class="tui-menu-item" @click="shareEvn">
							<view  class="menuImgPadding">
								<image  src="../../static/my/share.png" class="menuImg"></image>
							</view>
							<view class="tui-menu-text tui-menu-scale-small">分享</view>
						</view>
					</view>
				</view>
			</tui-list-cell>
			<view class="article-bg">
				<view class="tui-news-title">
					{{(goodsData['info']['title'])}}
				</view>
				<view class="describe">
					
					<view class="describe-time">
						<text>{{timerenewal}}</text>
					</view>
					
					<view class="describe-view">
						<!-- <span style="float: left;">{{goodsData['info']['view_count']}}人查看</span> -->
						<!-- <span style="padding-left: 16rpx;padding-right: 16rpx;color: #CFCFCF;font-size: 24rpx;float: left;">|</span>
						<span style="float: left;">{{goodsData['info']['buy_count']}}次参与</span> -->
					</view>
				</view>
				<view class="tui-news-content">
					<text selectable='true' class="tui-inputs textarea" style="z-index: 9 !important;">
						{{goodsData['details']['text']}}
					</text>
					<image v-for="(item,index) in goodsData['details']['images']" :key="index" :src="item" class="tui-article-pic" style="margin-top: 0 !important;" mode="widthFix" @click="previewImage(item)"></image>
				</view>
			</view>
		</view>
		
		<!-- <view class="bg" id="div1" style="display: none;">
			<view class="case_box" style="background: #F3F4F5;padding-top: 30rpx;">
				<view style="width: 100%;height: 130rpx;">
					<view style="width:65%;float:left;">
						<view class="tui-title-box goods-title-left">
							接龙商品
						</view>
						<view class="tui-title-box-des">
							<span style="float: left;margin-right: 24px;">
								<image  src="../../static/my/icon/WeChatPay3x.png" class="commodity" style="width: 19px;"></image>
								在线支付
							</span>
							<span style="float: left;margin-right: 24px;">
								<image  src="../../static/my/icon/expressage3x.png" class="commodity"></image>
								快递发货
							</span>
						</view>
					</view>
				</view>
				<tui-list-view class="tui-list-view" style="border-top: 10rpx solid #f1f1f1">
					<tui-list-cell class="tui-goods" :hover="false"  v-for="(item,index) in goodsData['goodsList']" :key="index" style="padding: 0 30rpx;">
						
						<view style="display: block !important;width: 100%;">
							<view style='width: 100%;display: flex;'>
								<view style="float: left;">
									<image style="z-index: 98 !important;" v-if="formatImage(item['goods_files'])" :src="tui.exchange_image(formatImage(item['goods_files']),'')" @bindload="outputSrc" class=".tui-goods-pic-list" mode="widthFix" @click="previewImages(formatImage(item['goods_files']),item['goods_files'])"></image>
								</view>
								<view class="tui-goods-right" style="width: 145rpx;">
									
									
									<button v-if="goodsData['info']['user_id'] == userInfo['user_id']" open-type="share" :data-particular_state="item.goods_id" style="z-index: 200;">
										<view class="tui-goods-item-top">
											<view class="tui-goodsg-name" style="float: left;line-height: 38rpx;">{{item.goods_name}}</view>
										</view>
									</button>
									<view v-else class="tui-goods-item-top">
										<view class="tui-goodsg-name" style="float: left;line-height: 38rpx;">{{item.goods_name}}</view>
									</view>
									
									<view class="tui-goods-item-top">
										<text class="tui-goods-content-zy">
											<text v-if="item.goods_attr">{{item.goods_attr}} /</text>
											<text style="margin-left: 12rpx;">
												库存 
												<text v-if="item.surplus_stock >=0">
													{{item.surplus_stock}}
												</text>
												<text v-else>不限</text>
											</text>
										</text>
										<view v-if="item.sale_number > 0" class="tui-goods-tag">
											已团:{{item.sale_number}}
										</view>
									</view>
									
									<view class="tui-goods-content-xin">
										{{item.goods_details.slice(0,42)}}
									</view> 
									
									<view class="tui-goods-box" style="display: block;height: 80rpx;line-height: 80rpx;">
										<text style="color: red !important;">
											￥{{formatPrice(item.goods_price)}}
										</text>
										<view style="width: 50% !important;float: right;">
											<view v-if="item.surplus_stock == 0" class="tui-badge-add" style="color: #9397a4;text-align: center;padding-left: 40rpx;">
												已售完
											</view>
											<view v-else class="tui-badge-add">
												<view class="bottomadd icon-tubiaos" style="float: right !important;" @click="addCart(item)">
													<image src="../../static/my/icon/plus-circle.png"></image>
												</view>
												<text v-if="goodsList[item.goods_id]['goodsNum'] > 0" class="goods-attribute-right-text" style="float: right;">{{goodsList[item.goods_id]['goodsNum'] >= 0? goodsList[item.goods_id]['goodsNum'] : 0}}</text>
												<view v-if="goodsList[item.goods_id]['goodsNum'] > 0" class="offline icon-tubiao" style="float: right !important;" @click="delCart(item)">
													<image src="../../static/my/icon/minus-circle.png"></image>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
							<view v-if="item.goods_limit >0" class="purchase">
								<view class="tui-goods-contents">
									<view class="purchase_limitation">限购{{item.goods_limit}}件</view>
								</view>
							</view>
						</view>
						
					</tui-list-cell>
				</tui-list-view>
			</view>
		</view> -->
			
		<!-- 接龙列表-->
		<view class="share-proe" >
			<view class="share-pro-mask" catchtouchmove='true' v-if="purchase_condition" @click="purchase"></view>
			<view class="share-pro-dialog-goods" :class="purchase_condition?'open':'closeCart'" >
				<view class="goods-pro-title">
					接龙列表
					<view class="delete_image" @click="purchase">
						<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonyme"></image>
					</view>
				</view>
				<view class="goodsCart" style="padding:0 !important;" catchtouchmove='true'>
					<scroll-view scroll-y  @scrolltolower="pull_down" class="scoll-y" style="height: 900rpx !important;z-index: 999;">
						<view style="margin-bottom: 40rpx;" v-if="dataList.length > 0">
							<tui-collapse :index="index" :current="current" :disabled="false" @click="change">
								<template v-slot:title>
									<tui-list-cell :hover="!false" class="itemName" style="color:#0A8FE2;">{{itemname}}</tui-list-cell>
								</template>
								<template v-slot:content>
									<view class="tui-content">
										<block v-for="(item,index) in dataList" :key="index">
											<tui-list-cell class="tui-jielong-msg"  v-for="(val, i) in item['intro']" :key="i">
												<view class="tui-jieLong-box">
													<image :src="val['imageurl']" class="tui-jielong-pic" mode="widthFix"></image>
													<view class="tui-jielong-item">
														<view style="">
															<view style="width: 95%;float: left;">
																<block v-for="(v,k) in val['goods_info']" :key="k">
																	<span v-if="k < 4" class="tui-jielong-content">{{v['goods_attr']}} +{{v['goods_number']}}</span>
																</block>
															</view>
															<view v-if="val['condition'] == 1" style="width: 95%;float: left;">
																<block v-for="(v,k) in val['goods_info']" :key="k">
																	<span v-if="k >= 4" class="tui-jielong-content">{{v['goods_attr']}} +{{v['goods_number']}}</span>
																</block>
															</view>
															<view style="float: left;font-size: 28rpx;color: #1193E3;" @click="even_more(i,index)" v-if="val['goods_info'].length > 4">{{val['condition'] == 1?'收起':'查看更多'}}</view>
															<view style="width: 35%;float: right;">
																<span style="color: #666;float: right;font-size: 24rpx;font-weight: 350;line-height: 53rpx;">{{formatDate(val['create_time'])}}</span>
															</view>
														</view>
														<view class="tui-jielong-pay-left">
															<span style="color: #1193E3;float: right;" @click="details('../my/playOrder?order_id='+val.order_id+'&tab=0')">查看订单详情</span>
															<span style="font-weight: 550;float: left;">已支付：</span>
															<text class="tui-jielong-pay-price" style="float: left;">￥{{formatPrice(val['order_amount'])}}</text>
														</view>
													</view>
												</view>
											</tui-list-cell>
										</block>
									</view>
								</template>
							</tui-collapse>
						</view>
						
						<tui-list-view class="tui-list-view tui-list-view-liebiao">
								<view class="tuiTips" v-if="goodsLists.length == 0 && empty == 0" >
									<tui-tips :fixed="false" imgUrl="/static/toast/img_nodata.png">暂无数据</tui-tips>
								</view>
								<tui-list-cell v-if="(jielongOrderCoun - index) >= 1" class="tui-msg tui-msg-waibu" v-for="(item,index) in goodsLists" :key="index" :hover="false" :last="(goodsLists.length-1) == index? true: false">
									<view class="tui-msg-box">
										<view class="tui-msg-num">{{jielongOrderCoun - index}}</view>
										<image :src="item.imageurl" class="tui-goods-lists-pic" mode="widthFix"></image>
										<view class="tui-msg-item">
											<view class="tui-msg-name">
												<view style="float:left;width: 65%;text-overflow: ellipsis;white-space: nowrap;">
													{{item.nickname}}
												</view>
												<view style="float:right;width: 30%;">
													<label class="tui-msg-name-text">
														{{mtoTime(item.create_time)}}
													</label>
												</view>
											</view>
										</view>
									</view>
									<view class="tui-msg-content">
										<block v-for="(val,key) in item['goods_info']" :key="key">
											{{val.goods_attr}} + {{val.goods_number}},
										</block>
									</view>
								</tui-list-cell>
							</tui-list-view>
					</scroll-view>
				</view>
			</view>
		</view>
		<!-- 接龙列表-->
		
		<view :style="'display:'+ configuration_conceal + ';margin-bottom: 60rpx;'">
			<view class="fold" v-if="dataList.length > 0">
				<tui-collapse :index="index" :current="current" :disabled="false" @click="change">
					<template v-slot:title>
						<tui-list-cell :hover="!false" class="itemName" style="color:#0A8FE2;">{{itemname}}</tui-list-cell>
					</template>
					<template v-slot:content>
						<view class="tui-content">
							<block v-for="(item,index) in dataList" :key="index">
								<tui-list-cell class="tui-jielong-msg"  v-for="(val, i) in item['intro']" :key="i">
									<view class="tui-jieLong-box">
										<image :src="val['imageurl']" class="tui-jielong-pic" mode="widthFix"></image>
										<view class="tui-jielong-item">
											<view style="">
												<view style="width: 95%;float: left;">
													<block v-for="(v,k) in val['goods_info']" :key="k">
														<span v-if="k < 4" class="tui-jielong-content">{{v['goods_attr']}} +{{v['goods_number']}}</span>
													</block>
												</view>
												<view v-if="val['condition'] == 1" style="width: 95%;float: left;">
													<block v-for="(v,k) in val['goods_info']" :key="k">
														<span v-if="k >= 4" class="tui-jielong-content">{{v['goods_attr']}} +{{v['goods_number']}}</span>
													</block>
												</view>
												<view style="float: left;font-size: 28rpx;color: #1193E3;" @click="even_more(i,index)" v-if="val['goods_info'].length > 4">{{val['condition'] == 1?'收起':'查看更多'}}</view>
												<view style="width: 35%;float: right;">
													<span style="color: #666;float: right;font-size: 24rpx;font-weight: 350;line-height: 53rpx;">{{formatDate(val['create_time'])}}</span>
												</view>
											</view>
											<view class="tui-jielong-pay-left">
												<span style="color: #1193E3;float: right;" @click="details('../my/playOrder?order_id='+val.order_id+'&tab=0')">查看订单详情</span>
												<span style="font-weight: 550;float: left;">已支付：</span>
												<text class="tui-jielong-pay-price" style="float: left;">￥{{formatPrice(val['order_amount'])}}</text>
											</view>
										</view>
									</view>
								</tui-list-cell>
							</block>
						</view>
					</template>
				</tui-collapse>
			</view>
			
			<!-- <view class="weChat" style="width: 92%;margin: 0 auto;border-radius: 10rpx;background: #FDFCEA;margin-bottom: 15rpx;margin-top: 15rpx;">
				<view class="weChat-left">
					<text class="weChat-left-text" style="color: #F4A622;font-weight: 350;font-size: 30rpx;">想获取订单状态实时推送？</text>
				</view><strong></strong>
				<view class="weChat-right" style="color: #FFF !important;background: #F4A622;width: 240rpx;text-align: center;border-radius: 40rpx;font-weight: 350;margin-right: 10rpx;" @click="details('../index/new_file?id=关注公众号')">
					点击关注公众号
				</view>
			</view> -->
			
			<tui-list-view title="接龙列表" class="tui-list-view tui-list-view-liebiao" style="background-color: #FFF;">
				<view class="tuiTips" v-if="goodsLists.length == 0 && empty == 0" >
					<tui-tips :fixed="false" imgUrl="/static/toast/img_nodata.png">暂无数据</tui-tips>
				</view>
				<tui-list-cell v-if="(jielongOrderCoun - index) >= 1" class="tui-msg" v-for="(item,index) in goodsLists" :key="index" :hover="false" :last="(goodsLists.length-1) == index? true: false">
					<view class="tui-msg-box">
						<view class="tui-msg-num">{{jielongOrderCoun - index}}</view>
						<!-- <image :src="item.imageurl" class="tui-goods-lists-pic" mode="widthFix"></image> -->
						<view class="tui-msg-item">
							<view class="tui-msg-name">
								<view style="float:left;width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
									*******{{item.mobile.substring(item.mobile.length - 4,item.mobile.length)}}
								</view>
								<view style="float:right;width: 30%;">
									<label class="tui-msg-name-text">
										{{mtoTime(item.create_time)}}
									</label>
								</view>
							</view>
						</view>
					</view>
					<view class="tui-msg-content">
						<block v-for="(val,key) in item['goods_info']" :key="key">
							{{val.goods_attr}} + {{val.goods_number}},
						</block>
					</view>
				</tui-list-cell>
			</tui-list-view>
		</view>

		<!-- 底部菜单 -->
		<view class="tui-operation" v-if="operation">
		    <view class=" tui-col-7" style="display: flex;width:70%;margin-left: 20rpx;">
				<view class="case_box_des" style="padding: 0rpx 0rpx;width: 25%;" @click="details('../my/order?tab=')">
					<view class="case_box_time" style="display: block;">
						<image style="width: 45rpx !important;height: 45rpx !important;" src="../../static/my/icon/myorder.png" class="menuImg"></image>
						<view class="huanhz">我的订单</view>
					</view>
				</view>
				<view class="case_box_des" style="display: flex;width: 75%;" @click="lookCart()">
					<view class="case_box_time" style="display: block;"> 
						<tui-badge v-if="goodsCount>99" type="danger" size="small" class="tui-badge-class">99+</tui-badge>
						<tui-badge v-else type="danger" size="small" class="tui-badge-class">{{goodsCount?goodsCount:0}}</tui-badge>
						<!-- <tui-icon name="cart" :size="25" color='#0A8FE2' ></tui-icon> -->
						<image style="width: 45rpx !important;height: 45rpx !important;" src="../../static/my/icon/commodity.png" class="menuImg"></image>
						<view class="huanhz">购物袋</view>
					</view>
					<view class="case_box_right" >
						<text v-if="goodsCart.length == 0" style="color: #999999;font-size: 26rpx;">
							
							未选择商品
						</text>
						<block v-else>
							<view>
								合计 <text class="price">￥{{sumGoods}}</text>
							</view>
						</block>
					</view>
				</view>
		    </view>
			
			<view class="tui-operation-right tui-col-5 tui-btnbox-1" v-if="goodsData['info']['status'] == 1"  @click="goodsTree_type_view_state()">
				<button open-type="getUserInfo"  v-if="userInfo === ''" class="tui-login-full" @getuserinfo="wxGetUserInfo" withCredentials="true" lang="zh_CN" :disabled="isDisable"></button>
				<view class="jielongBtn">
					我要接龙
				</view>
			</view>
			<view class="tui-operation-right tui-col-5 tui-btnbox-1" v-else>
				<view class="jielongBtnTo">
					接龙{{goodsData['statusList'][goodsData['info']['status']]['title']}}
				</view>
			</view>
		</view>
		<!-- 底部菜单 -->
		
		<!-- 购物车 -->
		<view class="share-pro" style="z-index: 9000 !important;">
			<view class="share-pro-mask" v-if="seeCart" @click="colseCart"></view>
			<view class="share-pro-dialog-goods" :class="seeCart?'open':'closeCart'" >
				<view class="close-btn deleteCart" @tap="deleteCart()">
					<tui-icon name="delete" size="16" color="#999999"></tui-icon>清空
				</view>
				<view class="goods-pro-title">已选商品</view>
				<view class="goodsCart">
					<scroll-view scroll-y class="scoll-y" style="height: 900rpx !important;z-index: 999;">
						<view class="cartEmpty" v-if="goodsCart.length == 0">
							购物车空空也~
						</view>

						<tui-list-view class="tui-list-viewe" style="padding-bottom: 300rpx !important;" v-if="goodsCart.length > 0">
							<tui-list-cell class="tui-goods" :hover="false"  v-for="(item,index) in goodsCart" :key="index">
								<view class="tui-goods-box" @click="detail('../dragon/goodsDetails?goods_id='+item.jielong_id)">
									<view class="tui-goods-item">
										<view class="tui-goodsg-name">{{item.goods_name}}</view>
										<view class="tui-goods-content">{{item.goods_attr}}</view>
										<view class="tui-goods-price" style="padding-top: 26rpx;">￥{{formatPrice(item.goodsPrice)}}</view>
									</view>
								</view>
								<view class="tui-goods-righte" style="margin-right: 20rpx;">
									<view class="goods-attribute-right-add">
										<view class="offline icon-tubiao" @click="delCart(item)">
											<image src="../../static/my/icon/minus-circle.png"></image>
										</view>
										<text class="goods-attribute-right-text">{{item.goodsNum}}</text>
										<view class="bottomadd icon-tubiaos" @click="addCart(item)">
											<image src="../../static/my/icon/plus-circle.png"></image>
										</view>
									</view>
									<view class="goods-attribute-right-kucun">
										库存
										<text class="tui-padding-small" v-if="item['surplus_stock'] >=0">{{item['surplus_stock']}}</text>
										<text v-else>不限</text>
									</view>
								</view>
							</tui-list-cell>
						</tui-list-view>
					</scroll-view>
					<!-- 下单按钮 -->
					<view style="height: 40px;line-height: 40px;position: absolute;width: 90%;bottom: 40rpx;left: 5%;">
						<view class="shop_cart" @click="goodsTree_type_view_state()">继续添加</view>
						<view class="shop_order" @click="goToOrder()">我要下单</view>
					</view>
					<!-- 下单按钮 -->
				</view>
			</view>
		</view>
		<!-- 购物车 -->
		
		<!-- 选择类型 -->
		<view class="share-pro" v-if="goodsTree_type_state" style="z-index: 9000 !important;">
			<view class="share-pro-mask" v-if="goodsTree_type_state" @click="goodsTree_type_view_state"></view>
			<view class="share-pro-dialog-goods" style="height: 1200rpx;">
				<view class="close-btn deleteCart">
					<!-- <tui-icon name="delete" size="16" color="#999999"></tui-icon>清空 -->
				</view>
				<view class="goods-pro-title"></view>
				<view class="goodsCart">
					<scroll-view scroll-y class="scoll-y" style="height: 900rpx !important;z-index: 999;">
						<view class="goods_Cart">
							<view class="goods_image">
								<image :src="tui.exchange_image(formatImage(goodsList[select_goods_id]['goods_files']),'')"></image>
							</view>
							<view style="float: left;margin-left: 10px;width: 60%;">
								<view style="font-size: 26rpx;height: 40rpx;padding: 20rpx 0;">
									<view style="float: left;color: #1193e3;">
										售价：¥<text style="font-size: 40rpx;">{{formatPrice(goodsList[select_goods_id]['goods_price'])}}</text>
									</view>
								</view>
								<!-- <view style="font-size: 22rpx;padding: 20rpx 0;color: #999;">售价：¥168.00</view> -->
								<view style="padding: 20rpx 0;font-size: 24rpx;color: #999;">剩余：{{goodsList[select_goods_id]['surplus_stock']}} 件</view>
								<view style="padding: 20rpx 0;font-size: 24rpx;color: #999;">规格：{{goodsList[select_goods_id]['goods_attr']}}</view>
							</view>
						</view>
						
						<!-- 类型选择 -->
						<view v-for="(item,index) in goodsTree_type" :key="index">
							<view class="goods_lx">
								{{item.k}}
							</view>
							<view style="overflow: hidden;">
								<view @click="goodsTree_click(item.attribute_id,item_lx.id)" class="goodsattr" v-for="(item_lx,index_lx) in item['v']" :key="index_lx">				
									<view class="goodsattr_lx" v-if="goodsTree_selected[item.attribute_id] == item_lx.id">
										{{item_lx.name}}
									</view>
									<view class="goodsattr_lx_w" v-else>
										{{item_lx.name}}
									</view>
								</view>
							</view>
						</view>
						<!-- 类型选择 -->
						
						<!-- 数量 -->
						<view style="height: 80rpx;line-height: 80rpx;">
							<view style="float: left;">数量</view>
							<view style="float: right;">
								<view class="tui-badge-add">
									<view class="bottomadd icon-tubiaos" style="float: right !important;" @click="goodsData_number_add(goodsList[select_goods_id]['surplus_stock'])">
										<image src="../../static/my/icon/plus-circle.png"></image>
									</view>
									<text class="goods-attribute-right-text" style="float: right;">{{goodsData_number}}</text>
									<view class="offline icon-tubiao" style="float: right !important;" @click="goodsData_number_delete(goodsList[select_goods_id]['surplus_stock'])">
										<image src="../../static/my/icon/minus-circle.png"></image>
									</view>
								</view>
							</view>
						</view>
						<!-- 数量 -->
						
						<!-- 运费 -->
						<view style="height: 80rpx;line-height: 80rpx;">
							<view style="float: left;">运费</view>
							<view style="float: right;">¥ {{formatPrice(goodsData['info']['freight'])}}</view>
						</view>
						<view class="freight_introduce" v-if="goodsData['info']['freight'] != 0 && goodsData['info']['free_shipping_minimal'] != 0 && goodsData['info']['free_shipping_maximum'] == 0">* {{goodsData['info']['free_shipping_minimal']}}件起免运费 （偏远地区除外)，实际以下单为准</view>
						<view class="freight_introduce" v-if="goodsData['info']['freight'] != 0 && goodsData['info']['free_shipping_minimal'] != 0 && goodsData['info']['free_shipping_maximum'] != 0">* {{goodsData['info']['free_shipping_minimal']}}-{{goodsData['info']['free_shipping_maximum']}}件免运费（偏远地区除外)，实际以下单为准</view>
						<view class="freight_introduce" v-if="goodsData['info']['freight'] != 0 && goodsData['info']['free_shipping_minimal'] == 0 && goodsData['info']['free_shipping_maximum'] != 0">* {{goodsData['info']['free_shipping_maximum']}}件内免运费 （偏远地区除外)，实际以下单为准</view>
						<!-- 运费 -->
					</scroll-view>
					<!-- 下单按钮 -->
					<view style="height: 40px;line-height: 40px;position: absolute;width: 90%;bottom: 40rpx;left: 5%;">
						<view class="shop_cart" @click="add_shopping(goodsList[select_goods_id])">加入购物车</view>
						<view class="shop_order" @click="goToOrder_type(goodsList[select_goods_id])">我要下单</view>
					</view>
					<!-- 下单按钮 -->
				</view>
			</view>
		</view>
		<!-- 选择类型 -->
		
		<!-- 分享弹窗-->
		<view class="share-pro" >
			<view class="share-pro-mask-share" v-if="deliveryFlag" @click="closeShareEvn"></view>
			<view class="share-pro-dialog" :class="deliveryFlag?'open':'close'" >
				<view class="share-pro-title">分享接龙</view>
				<view class="share-pro-body">
					<view class="share-item" @click="condition=true">
						<button open-type="share">
							<image src="/static/my/wei.png" class="share-icon" mode="widthFix"></image>
							<view class="share-pro-title-text">分享给好友</view>
							<view  style="color: #FFFFFF;">~</view>
						</button>
					</view>
					<!-- <view v-if="share_user_id > 0" class="share-item" @click="goodsData_url()">
						<image src="/static/my/quan.png" class="share-icon" mode="widthFix"></image>
						<view class="share-pro-title-text">生成分享图片</view>
						<view class="share-pro-title-text-des">(可分享到朋友圈)</view>
					</view> -->
					<view class="share-item" @tap="shareFc">
						<image src="/static/my/quan.png" class="share-icon" mode="widthFix"></image>
						<view class="share-pro-title-text">生成分享图片</view>
						<view class="share-pro-title-text-des">(可分享到朋友圈)</view>
					</view>
				</view>
				<view class="shareCancel"  @tap="closeShareEvn">
					<view class="shareCancelBut">
						取消
					</view>
				</view>
			</view>
		</view>
		<!-- 分享弹窗-->
		
		<!-- 支付成功弹出框 -->
		<tui-modal :show="payModal" @cancel="hidePay" :custom="true">
			<view class="paySuccessful">
				<image src="../../static/my/paySuccessful.png" class="payImg"></image>
				<view class="payTitle">接龙成功</view>
				<view class="jieLongLists">
					<!-- <canvas canvas-id="shareCanvas" style="width:100%;height:400rpx"> -->
						<view class="jieLongListsTop">
							<view class="tui-avatar-box">
								<view class="tui-avatar-box-num" v-if="jielongOrderCoun > 0">{{jielongOrderCoun}}</view>
								<view class="tui-avatar-box-num" v-else>1</view>
								<image :src="userInfo.imageurl" class="tui-avatar-pic" mode="widthFix"></image>
								<view class="tui-avatar-item-pay">
									<view class="tui-avatar-name">
										{{userInfo.nickname}}
									</view>
								</view>
							</view>
							
							<view class="jieLongListsGoods">
								<text style="margin-left: 10rpx;" v-for="(item,index) in goodsData['myOrderList']['0']['goods_info']" :key="index">
									{{item.goods_name}}【{{item.goods_attr}}】+{{item.goods_number}},
								</text>
							</view>
						</view>
					<!-- </canvas> -->
					<view class="jieLongListsdes" style="padding-top: 20rpx; font-size: 28rpx; line-height: 45rpx;">
						您可以将此页面转发回群聊通知大家您已接龙成功，活跃群氛围~
					</view>
					<button class="tui-primary tuiBunPay" hover-class="tui-primary-hover" @click="closeShareEvn" open-type="share" >转发到群聊</button>
					<view class="viewOrder" @click="detail('../my/playOrder?order_id='+goodsData['myOrderList']['0']['order_id']+'&tab=0')">
						查看订单详情
					</view>
				</view>
			</view>
		</tui-modal>
		<!-- 支付成功弹出框 -->
		
		<!--toast提示-->
		<tui-toast ref="toast"></tui-toast>
		<!--toast提示-->
		
		<!-- 确认框 -->
		<view class="orderLists">
			<tui-modal :show="orderModal" @click="orderClick" @cancel="orderHide" title="提示" content="确定要取消该订单吗？"></tui-modal>
		</view>
		<!-- 确认框 -->
		
		<tui-actionsheet :show="showActionSheet" :tips="'编辑操作'" :item-list="itemList" :mask-closable="maskClosable" :color="color" :size="size" :is-cancel="isCancel" @click="itemClick" @cancel="closeActionSheet"></tui-actionsheet>
		<button open-type="getUserInfo"  v-if="userInfo === ''" class="tui-login-full" @getuserinfo="wxGetUserInfo" withCredentials="true" lang="zh_CN" :disabled="isDisable"></button>
		
		<!-- 转发商品 -->
		<Canvas  className='poster' canvasId='poster'  style='width: 500rpx;height: 400rpx;position:fixed;left:9000px;'>
			<cover-view  style='width:100%;height:100%;background:#f5f6f8;'></cover-view>
		</Canvas>
		<!-- 转发商品 -->
		
		<!-- 转发商品列表 -->
		<Canvas  className='postermodel' canvasId='postermodel'  style='width: 500rpx;height: 400rpx;position:fixed;left:9000px;'>
			<cover-view  style='width:100%;height:100%;background:#f5f6f8;'></cover-view>
		</Canvas>
		<!-- 转发商品列表 -->
		
		<!-- 转发图片 -->
		<Canvas  className='editshareimage' canvasId='editshareimage'  style='width: 500rpx;height: 400rpx;position:fixed;left:9000px;'>
			<cover-view  style='width:100%;height:100%;background:#f5f6f8;'></cover-view>
		</Canvas>
		<!-- 转发图片 -->
		
		<!-- 生成海报 -->
		<view class="flex_row_c_c modalView" :class="qrShow?'show':''" @tap="hideQr()">
			<view class="flex_column">
				<view class="backgroundColor padding1vh border_radius_10px">
					<image :src="poster.finalPath || ''" mode="widthFix" class="posterImage"></image>
				</view>
				<view class="flex_row marginTop2vh">
					<button type="primary" class="shareBtu" size="mini" @tap.prevent.stop="saveImage()">保存图片</button>
				</view>
			</view>
		</view>
		<view class="hideCanvasView">
			<canvas class="hideCanvas" canvas-id="default_PosterCanvasId" :style="{width: (poster.width||10) + 'px', height: (poster.height||10) + 'px'}"></canvas>
		</view>
		<!-- 生成海报 -->
		
		<!-- 灰色阴影 -->
		<view class="msgbox" v-if="deliveryFlage == true"></view>
		<!-- 灰色阴影 -->
		
		<!-- 提醒完善信息 -->
		<view class="complete" v-if="((!userInfo.is_perfect && userInfo && perfect_condition == '2') || (userInfo.is_perfect == '2' && perfect_condition == '2')) && canIUseGetUserProfile == true">
			<view class="complete_top">提示</view>
			<view class="complete_text">您还未完善用户信息，立即进行完善？</view>
			<view class="complete_bottom">
				<view class="complete_left" @click="perfect_condition_zt">取消</view>
				<view class="complete_right" @click="onGotUserInfo">确认</view>
			</view>
		</view>
		<!-- 提醒完善信息 -->
		
		<!-- 灰色阴影 -->
		<view class="msgbox" v-if="((!userInfo.is_perfect && userInfo && perfect_condition == '2') || (userInfo.is_perfect == '2' && perfect_condition == '2')) && canIUseGetUserProfile == true"></view>
		<!-- 灰色阴影 -->
	</view>
	
</template>

<script>
	const dataTime = require('../../utils/util.js');
	import tuiIcon from "@/components/icon/icon"
	import tuiTag from "@/components/tag/tag"
	import tuiListCell from "@/components/list-cell/list-cell"
	import tuiLoadmore from "@/components/loadmore/loadmore"
	import tuiNomore from "@/components/nomore/nomore"
	import tuiListView from "@/components/list-view/list-view"
	import tuiCard from "@/components/card/card"
	import tuiButton from "@/components/button/button"
	import tuiModal from "@/components/modal/modal"
	import tuiBadge from "@/components/badge/badge"
	import tuiToast from "@/components/extend/toast/toast"
	import tuiTips from "@/components/extend/tips/tips"
	import tuiActionsheet from "@/components/actionsheet/actionsheet"
	import tuiCollapse from "@/components/tui-collapse/tui-collapse"
	
	import _app from '@/components/QS-SharePoster/app.js';
	import {getSharePoster} from '@/components/QS-SharePoster/QS-SharePoster.js';
	
	import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control" // 分段选着器
	

	export default {
		name: 'tuiScrollTop',
		props: {
			//回顶部按钮距离底部距离 rpx
			bottom: {
				type: Number,
				default: 180
			},
			//回顶部按钮距离右侧距离 rpx
			right: {
				type: Number,
				default: 25
			},
			//距离顶部多少距离显示 px
			top: {
				type: Number,
				default: 200
			},
			//滚动距离
			scrollTop: {
				type: Number
			},
			//回顶部滚动时间
			duration: {
				type: Number,
				default: 120
			},
			//是否显示返回首页按钮
			isIndex: {
				type: Boolean,
				default: false
			},
			//是否显示分享图标
			isShare: {
				type: Boolean,
				default: false
			},
			//自定义分享(小程序可使用button=>open-type="share")
			customShare: {
				type: Boolean,
				default: false
			},
			//回顶部icon
			topIcon: {
				type: String,
				default: '../../static/my/paySuccessful.png'
			},
			//回首页icon
			indexIcon: {
				type: String,
				default: '../../static/my/paySuccessful.png'
			},
			//分享icon
			shareIcon: {
				type: String,
				default: '../../static/my/paySuccessful.png'
			}
		},
		watch: {
			scrollTop(newValue, oldValue) {
				this.change();
			}
		},
		components: {
			tuiIcon,
			tuiTag,
			tuiListCell,
			tuiListView,
			tuiCard,
			tuiButton,
			tuiModal,
			tuiBadge,
			tuiToast,
			tuiLoadmore,
			tuiNomore,
			tuiTips,
			tuiActionsheet,
			tuiCollapse,
			uniSegmentedControl
		},
		data() {
			return {
				orderModal:false,
				dataList: [
					
				],
				share:{
					imageUrl: ''
				},
				payModal: false,
				userInfo: '',
				loadding: true,
				pullUpOn: true,
				seeCart: false,
				modal: false,
				deliveryFlag: false,
				deliveryFlage: false,
				canvasFlag: true,
				posterData:{},
				parm: {
					page: 1,
					id: 0,
				},
				isMore: 1,
				empty: 1,
				goodsLists: [],
				goodsData: {info:{end_time:0,create_time:0,status:1},statusList:[0,{title: "进行中", color: "text-green"}]},
				goodsCart: [],
				sumGoods: 0,
				jielongOrderCoun: 0,
				showActionSheet: false,
				maskClosable: true,
				tips: "",
				itemList: [],
				color: "#9a9a9a",
				size: 26,
				isCancel: true,
				poster:{
					avatar: '',
					QrCode:'https://jlapi.ssddjj.com/upload/h5/hch-code.png',
					title: '',
					describe:'',
					nickname: '',
					dateTime: '2分钟前 发布',
					price: '',
				},
				operation: true,
				tmp: 0,
				order_id: 0,
				goodsCount: 0,
				current: 0,
				itemname: "",
				tempFilePath: '',
				tempFilePath_share: '',
				qrShow: false,
				canvasId: 'default_PosterCanvasId',
				erweixin: 'https://jlapi.wx.ehoo.net/upload/gh_5d670a7f71ed_258.jpg',
				isDisable: false,
				//判断是否显示
				visible: false,
				//控制显示，主要解决调用api滚到顶部fixed元素抖动的问题
				toggle: true,
				partner_id: 0,
				currenttime: new Date().getTime(),
				Rendering_ID: 2003,
				indentcondition: 0,
				condition: false,
				items: ['周末幸福生活开始','新鲜蔬菜','新鲜水果','限时抢购'],
				currents: 0,
				height_gg: '',
				startX: '',
				startY: '',
				moveX: '',
				moveY: '',
				// 分类项目
				
				list: [],
				tabCur: 0,
				mainCur: 0,
				verticalNavTop: 0,
				load: true,
				purchase_condition: false,
				
				
				configuration_conceal: 'none',
				form_inthe_basket: 'none',
				form_inthe_basket_f: 'initial',
				marginleft_scroll_list: '0%',
				arraylist: [true,true],
				scroll_top: 0,
				overflow_hidden: '',
				scrollTop_waiqun: 0,
				classification: [],
				now_status_i: 0,
				height_z: 0,
				activeitemindex: 0,
				timer: null,
				halted: true,
				timerenewal: '',
				reconstruct: true,
				goodsList: {},
				windows_height: 0,
				plugid: 'c6dda2d20f49b35ec12a6f26d1e30842',
				particular_id: '0',
				particular_state: false,
				goTop_neri_state: true,
				share_user_id: '0',
				goods_list_index: 0,
				triggered: false,
				scrolltoupper_state: false,
				scrolltolower_state: false,
				scrolltop_num: '60',
				scrolltoupper_name: '下拉查看上一个分类',
				scrolltolower_name: '上拉查看下一个分类',
				scrolltoupper_slide: 1,
				scrolltolower_slide: 1,
				NavTop: 0,
				condition_TabSelect: true,
				search_nickname: '',
				goodsTree_selected: [],
				goodsTree_type: [],
				goodsTree_type_id: '',
				goodsData_number: 1,
				goodsTree_type_state: false,
				select_goods_id: '',


				// 分类属性
				goodsTree0: '',
				goodsTree1: '',
				// 分类属性
				
				jielongList: {},
				// 修改后分享图
				edit_share_image: {
					avatar: '',
					QrCode:'https://jlapi.ssddjj.com/upload/h5/hch-code.png',
					title: '',
					describe:'',
					nickname: '',
					dateTime: '2分钟前 发布',
					price: '',
				},
				perfect_condition: '1',
				canIUseGetUserProfile: false,
			}
		},
		onReady() {
			uni.hideLoading()
		},
		onLoad:function(option){
			console.log(option);
			this.height_hq();
			if(option.currentTab == 1){
				getApp().globalData.currentTab = '1';
			}
			if(getApp().globalData.Successfulorder == 4){
				getApp().globalData.Successfulorder = 0;
				this.dataList = [];
				this.goodsLists = [];
			}
			getApp().globalData.backtrack = '1';
			
			this.parm = option
			if(!this.parm.id){
				const scene = decodeURIComponent(option.scene);
				var arr = scene.split('&');
				console.log(arr);
				var theRequest = new Object();
				for (var i = 0; i < arr.length; i++) {
					var kye = arr[i].split("=")[0]
					var value = arr[i].split("=")[1]
					// 给对象赋值
					theRequest[kye] = value
				}
				console.log(theRequest);
				if(theRequest['j_u_id']){
					this.parm.jielong_user_id = theRequest['j_u_id'];
				}
				if(theRequest['id']){
					this.parm.id = theRequest['id'];
					this.parm.jielong_id = theRequest['id'];
				}
					
			}else if(option.p_id){
				uni.setStorageSync('supPartnerId',option.p_id);
				this.partner_id = option.p_id;
			}
			
			this.parm.page = 1;
			
			this.goodsCart = uni.getStorageSync(this.tui.goodsPrefix() + this.parm.id);
			this.userInfo = uni.getStorageSync('userInfo');
			
			this.goodsSum();
			if(option.pay == 1){
				this.payModal = true
			}
			
			if(this.parm.s_uid){
				console.log('share_user_id',this.parm.s_uid);
				this.share_user_id = this.parm.s_uid;
			}
			console.log('测试用户信息',this.userInfo);
			if(this.userInfo){
				// console.log('测试用户信息',this.userInfo);
				this.loadData();
				this.Rendering_ID = 2003;
				console.log('goodsData-获取接龙信息',this.goodsData);
			}else{
				this.loadData();
			}
			this.windows_height = uni.getSystemInfoSync().windowHeight - 180;
			
			uni.showLoading({
				title: '加载中...',
				mask: true
			});
			let list = [{}];
			for (let i = 0; i < 26; i++) {
				list[i] = {};
				list[i].name = String.fromCharCode(65 + i);
				list[i].id = i;
			}
			this.list = list;
			this.listCur = list[0];
			console.log('share_user_id',this.share_user_id);
			console.log('goodsData-获取接龙信息2',this.goodsData);
			console.log('yongxhuxi',this.userInfo);
			
			if (wx.getUserProfile) {
				this.canIUseGetUserProfile = true;
			}
			
		},
		onShow: function(option){
			console.log('perfect_time',uni.getStorageSync('userInfo'));
			var perfect_time = uni.getStorageSync('perfect_time');
			if((!this.userInfo.is_perfect && this.userInfo) || this.userInfo.is_perfect == '2'){
				if(!perfect_time){
					uni.setStorageSync('perfect_time', new Date().getTime() + 1800000);
					this.perfect_condition = '2';
				}else{
					if(perfect_time < new Date().getTime()){
						this.perfect_condition = '2';
					}
				}
			}
			
			if(getApp().globalData.Successfulorder == 1){
				// 支付成功返回
				getApp().globalData.Successfulorder = 0;
				this.dataList = [];
				this.goodsLists = [];
				this.parm.page = 1;
				this.payModal = true;
				this.indentcondition = 0;
				this.loadData();
				this.goodsSum();
				this.tmp = 0;
				this.seeCart = false;
				this.deleteKeyGoods();
				this.getGoodsNum();
				this.goodsCount = 0;
			}else if(getApp().globalData.Successfulorder == 2){
				// 支付失败
				console.log('测试2');
				getApp().globalData.Successfulorder = 0;
				this.dataList = [];
				this.goodsLists = [];
				this.parm.page = 1;
				this.indentcondition = 0;
				this.loadData();
				this.goodsSum();
				this.tmp = 0;
				this.seeCart = false;
				this.deleteKeyGoods();
				this.getGoodsNum();
				this.goodsCount = 0;
			}else if(getApp().globalData.Successfulorder == 3){
				// 修改
				getApp().globalData.Successfulorder = 0;
				this.parm.id = getApp().globalData.Successfulorder_id;
				this.dataList = [];
				this.goodsLists = [];
				this.parm.page = 1;
				this.indentcondition = 0;
				this.loadData();
				this.goodsCart = uni.getStorageSync(this.tui.goodsPrefix() + this.parm.id);
				this.userInfo = uni.getStorageSync('userInfo');
				this.goodsSum();
				this.tmp = 0;
				this.seeCart = false;
				this.deleteKeyGoods();
				this.getGoodsNum();
				this.goodsCount = 0;
			}else if(getApp().globalData.Successfulorder == 5){
				// console.log('滑动事件后',this.parm);
				if(this.parm.currentTab == 1){
					getApp().globalData.currentTab = '1';
				}
				if(getApp().globalData.Successfulorder == 5){
					getApp().globalData.Successfulorder = 0;
					this.dataList = [];
					this.goodsLists = [];
				}
				getApp().globalData.backtrack = '1';
				if(!this.parm.id){
					const scene = decodeURIComponent(this.parm.scene);
					var arr = scene.split('&');
					console.log(arr);
					var theRequest = new Object();
					for (var i = 0; i < arr.length; i++) {
						var kye = arr[i].split("=")[0]
						var value = arr[i].split("=")[1]
						// 给对象赋值
						theRequest[kye] = value
					}
					console.log(theRequest);
					if(theRequest['p_id']){
						uni.setStorageSync('supPartnerId',theRequest['p_id']);
						this.partner_id = theRequest['p_id'];
					}
					if(theRequest['id']){
						this.parm.id = theRequest['id'];
					}
				}else if(this.parm.p_id){
					uni.setStorageSync('supPartnerId',this.parm.p_id);
					this.partner_id = this.parm.p_id;
				}
				
				this.parm.page = 1;
				this.indentcondition = 0;
				this.loadData();
				this.goodsCart = uni.getStorageSync(this.tui.goodsPrefix() + this.parm.id);
				this.userInfo = uni.getStorageSync('userInfo');
				this.goodsSum();
				if(this.parm.pay == 1){
					this.payModal = true
				}
			}
		},
		methods: {
			perfect_condition_zt: function(){
				this.perfect_condition = '1';
			},
			onGotUserInfo: function (e) {
				let that = this;
				console.log(e);
				wx.getUserProfile({
					desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
					success: (res) => {
						console.log(res);
						
						that.tui.request_false('user/updateWxInfo',res.userInfo).then((wxinfores) => {
							console.log(wxinfores);
							if(wxinfores.code == '0000'){
								that.isDisable = false;
								
								let session_key = that.userInfo.session_key;
								let token = that.userInfo.token;
								
								that.userInfo = wxinfores;
								that.userInfo.session_key = session_key;
								that.userInfo.token = token;
								that.perfect_condition = '1';
								uni.setStorageSync('userInfo', that.userInfo);
							}else{
								
							}
						}).catch((err) => {
							console.log(err);
							let params = {
								title: "更新失败",
								imgUrl: "/static/toast/fail-circle.png",
								icon: true
							};
							that.$refs.toast.show(params);
						})
					}
				})
			},
			// 修改分享图
			edit_share_image_methods: function() {
				new Promise((resolve, reject) => {
					let rpx = 0
					let windowWidth = 0;
					uni.getSystemInfo({
						success: function (res) {
						  rpx = res.windowWidth / 375
						  windowWidth = res.windowWidth;
						}
					})
					this.ImageInfo(this.goodsData['info']['share_img']).then(res => {
						//绘制图片
						let radius = 45;
						let center_x = 120;
						let center_y =  55;
						console.log(center_x);
						const cvsCtx = uni.createCanvasContext('editshareimage', this);
						cvsCtx.setFillStyle('#FFF');
						cvsCtx.fillRect(0, 0, 320, 230);
						cvsCtx.setFontSize(12);
						
						cvsCtx.fontWeight = '200';
						
						
						cvsCtx.drawImage(res.path, 0, 0, 250,200);
						
						cvsCtx.setFillStyle('#FFF');
						cvsCtx.setFontSize(11);
						cvsCtx.fillText(this.tag_text(this.goodsData['info']['min_price'],this.goodsData['info']['max_price']),40,220, 100);
						cvsCtx.restore();
						cvsCtx.draw(true);
					})
					resolve()
				}).then(() => {
					this.edit_share_image_methods_create() // 当页面的canvas画成功后就调取生成临时路径
				})
			},
			edit_share_image_methods_create: function() {
				const that = this
				setTimeout(() => {
					uni.canvasToTempFilePath({
						x: 0,
						y: 0,
						width: 400, // 截取的宽度
						height: 400, // 截取的高度
						destWidth: 400, // 生成的图片宽度
						destHeight: 400, // 生成的图片高度
						canvasId: 'editshareimage', // 生成对象的canvasid
						success: function (res) {
							console.log('获取分享接龙画布2',res.tempFilePath);
							that.edit_share_image = res.tempFilePath;
						},
						fail: function (res) {
							console.log(res);
							console.log('绘制临时路径失败');
						}
					})
				}, 1000)
			},
			// 立即下单
			goToOrder_type: function(goods){
				let params;
				console.log(goods);
				if(goods.surplus_stock <= 0){
					params = {
						title: '暂无库存',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					return false;
				}
				// if(this.goodsCart.length <= 0){
					this.add_shopping(goods,true);
				// }
				// this.deleteCart(goods,true);
				
				this.goToOrder();
			},
			// 点击显示隐藏
			goodsTree_type_view_state: function(){
				this.seeCart = false;
				if(this.goodsTree_type_state == false){
					this.goodsTree_type_state = true;
				}else{
					this.goodsTree_type_state = false;
				}
			},
			// 加入购物车
			add_shopping: function(goods,state){
				let params;
				if(goods.surplus_stock <= 0){
					params = {
						title: '暂无库存',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					return false;
				}
				var goods_list = [];
				goods_list = goods;
				console.log('0',new Date().getTime(),goods);
				if(goods['goods_limit'] > 0){
					if(goods['goods_limit'] <= this.goodsList[goods['goods_id']]['goodsNum']){
						params = {
							title: '限购'+goods['goods_limit']+'次哦！',
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
						return false;
					}
				}
				if(this.goodsData['info']['status'] != 1){
					params = {
						title: '活动已结束',
						imgUrl: "/static/toast/info-circle.png",
						icon: true,
					};
					this.$refs.toast.show(params);
					return false
				}
				if( goods['surplus_stock'] != -1 && goods['surplus_stock'] <= 0){
					params = {
						title: '活动库存不足：平台库存不足，请联系群主添加库存',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					return false
				}
				let clickStock = 0;
				this.tui.goodsData_number(goods,this.goodsData_number);
				console.log('1',new Date().getTime());
				console.log(uni.getStorageSync(this.tui.goodsPrefix() + goods.jielong_id));
				this.goodsCart = uni.getStorageSync(this.tui.goodsPrefix() + goods.jielong_id);
				console.log('2',new Date().getTime());
				
				console.log('3',new Date().getTime());
				for(let i = 0; i < this.goodsCart.length; i++){
					if(goods['goods_id'] == this.goodsCart[i]['goods_id']){
						this.goodsList[goods['goods_id']]['goodsNum'] = this.goodsCart[i]['goodsNum'];
					}
					if(goods['goods_id'] == this.goodsCart[i]['goods_id']  && goods['surplus_stock'] >= 0 &&  this.goodsCart[i]['goodsNum'] >= goods['surplus_stock'] ){
						
						if(!this.goodsCart[i]['clickStock']){
							this.goodsCart[i]['clickStock'] = 0
						}						
						this.goodsCart[i]['clickStock'] = this.goodsCart[i]['clickStock']; 
						if(this.goodsCart[i]['clickStock'] > 1){
							clickStock = 1;
						}
						break;
					}
				}
				if(clickStock == 1){
					params = {
						title: '超出库存',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					return false
				}
				
				console.log('4',new Date().getTime());
				this.goodsSum(goods);
				this.goodsData_number = 1;
				if(state != true){
					params = {
						title: '成功加入购物车',
						imgUrl: "/static/toast/check-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				}
				return true;
			},
			// 商品数量删减
			goodsData_number_delete: function(){
				if(this.goodsData_number > 0){
					this.goodsData_number = this.goodsData_number - 1;
				}
			},
			// 商品数量添加
			goodsData_number_add: function(number){
				if(this.goodsList[this.select_goods_id]['goodsNum'] || this.goodsList[this.select_goods_id]['goodsNum'] <= 0){
					if(this.goodsData_number < number && (this.goodsData_number + this.goodsList[this.select_goods_id]['goodsNum']) < number){
						this.goodsData_number = this.goodsData_number + 1;
					}
				}else{
					if(this.goodsData_number < number){
						this.goodsData_number = this.goodsData_number + 1;
					}
				}
				
			},
			// 点击事件
			goodsTree_click: function(attribute_id,id){
				console.log(attribute_id,id,this.goodsTree_selected);
				this.goodsTree_type = [];
				if(this.goodsTree_selected[attribute_id]){
					this.goodsData_number = 1;
					this.goodsTree_type = this.goodsData['info']['goodsTree'];
					this.goodsTree_selected[attribute_id] = id;
					console.log('成功进入');
					
					var arrays = [];
					var key_i = 0;
					this.goodsTree_selected.forEach(function(item, index) {
						arrays[key_i] = item;
						key_i = key_i + 1;
						console.log(item,index);
					})
					if(arrays[0] && arrays[1]){
						if(arrays[0] < arrays[1]){
							this.goodsTree_type_id = arrays[0] + '|' + arrays[1];
						}else{
							this.goodsTree_type_id = arrays[1] + '|' + arrays[0];
						}
					}else{
						this.goodsTree_type_id = arrays[0];
					}
					
					this.select_goods_id = this.goodsData['info']['goodsTreeList'][this.goodsTree_type_id];

				}
				console.log('goodsTree_type_id',this.goodsTree_type_id);
				console.log(this.goodsTree_selected,this.goodsData);
			},
			// 触底事件
			dianchange: function (e) {
				if(e.detail.source == "touch") {
					console.log("dianchange",e);
					wx.vibrateShort('40ms');
					this.mainCur = e.detail.current;
					this.tabCur = e.detail.current;
					if(this.NavTop == 0){
						this.NavTop = 1;
					}else{
						this.NavTop = 0;
					}
				}
			},
			user_fansAdd: function(){
				// if(this.share_user_id > 0){
					this.tui.request('user/fansAdd',{follow_user_id:this.goodsData.userInfo.user_id}).then((res) => {
						this.orderModal = false
						if(res.code == '0000'){
							
						}else{
							
						}
					}).catch((err) => {
						console.log('系统异常1');
					})
				// }
			},
			
			actualtimerenewal: function(){
				if(Number(this.goodsData['info']['end_time']) - Number(parseInt(new Date().getTime()/1000)) > 0){
				
					this.timerenewal = '截团时间: ' + this.formatSeconds(Number(this.goodsData['info']['end_time']) - Number(parseInt(new Date().getTime()/1000)));
				}else{
					this.timerenewal = '活动已结束';
				}
				
			},
			formatSeconds: function(value) {
				var theTime = parseInt(value);// 需要转换的时间秒 
				var theTime1 = 0;// 分 
				var theTime2 = 0;// 小时 
				var theTime3 = 0;// 天
				if(theTime > 60) {
					theTime1 = parseInt(theTime/60); 
					theTime = parseInt(theTime%60); 
					if(theTime1 > 60) {
						theTime2 = parseInt(theTime1/60); 
						theTime1 = parseInt(theTime1%60); 
						if(theTime2 > 24){
							//大于24小时
							theTime3 = parseInt(theTime2/24);
							theTime2 = parseInt(theTime2%24);
						}
					} 
				}
				var result = '';
				if(theTime > 0){
					result = ""+parseInt(theTime)+"";
				}
				if(theTime1 > 0) { 
					result = ""+parseInt(theTime1)+":"+result; 
				} 
				if(theTime2 > 0) { 
					result = ""+parseInt(theTime2)+":"+result; 
				} 
				if(theTime3 > 0) { 
					result = ""+parseInt(theTime3)+"天 "+result; 
				}
				return result; 
			},
			// 回调函数
			startmessage(e){
				console.log('开始回掉函数信息',e);
			},
			completemessage(e){
				console.log('结束回掉函数信息',e);
			},
			onPageScroll(e){
				
			},
			outputSrc(e) {
			  // 只需查看本事件触发即可知道image 的加载情况
			   console.log(e.currentTarget.dataset.src)
			},
			upper: function(e) {
				console.log(e)
			},
			lower: function(e) {
				console.log(e)
			},
			scroll: function(e) {
				console.log(e)
				this.old.scrollTop = e.detail.scrollTop
			},
			Changeslideposition: function(e){
				console.log('测试滑动位置',e);
				this.currents = e;
			},
			touchstart: function(e) {
				// 如果你要阻止点击事件，请反注释下一行代码
			    // e.preventDefault()
				this.startX = e.touches[0].clientX;
				this.startY = e.touches[0].clientY;
				console.log('touchstart',this.startX);
				console.log('touchstart',this.startY);
			},
			touchmove: function(e) {
				e.preventDefault()
				this.moveX = e.touches[0].clientX
				this.moveY = e.touches[0].clientY
				this.startX - this.moveX <= 0 ? console.log('你在往右滑') : console.log('你在往左滑')
				if (this.startX - this.moveX <= -100) { // 右滑触发
					// do something
				}
				console.log('touchmove',this.moveX);
				console.log('touchmove',this.moveY);
				console.log('touchmove',this.startX);
			},
			height_hq: function(){
				let that = this;
				wx.getSystemInfo({
				    success: function (res) {
						that.height_gg = res.windowHeight - (res.windowWidth / 750) * 94 - 64 + "px";
					}
				})
			},
			onClickItem: function(e) {
				if (this.currents !== e.currentIndex) {
					this.currents = e.currentIndex;
				}
			},
			even_more: function(i,index){
				console.log(i);
				console.log(this.dataList[index].intro[i]['condition']);
				if(this.dataList[index].intro[i]['condition'] == '1'){
					this.dataList[index].intro[i]['condition'] = '0';
				}else{
					this.dataList[index].intro[i]['condition'] = '1';
				}
				const arr = this.dataList[index]
				this.dataList.splice(index,1);
				this.dataList.splice(index,0,arr);
				
			},
			transition: function(image){
				let x_url = image.split('https://jlapi.ssddjj.com')[1];
				console.log(image.split('https://jlapi.ssddjj.com')[1]);
				return 'https://jltest.cdn.ehoo.net' + x_url;
			},
			previewImage: function (src) {
				console.log(src);
			    wx.previewImage({
			      current: src, // 当前显示图片的http链接  
			      urls: this.goodsData['details']['images'] // 需要预览的图片http链接列表  
			    })
			},
			previewImages: function (src,list) {
				console.log(src);
				let arr = JSON.parse(list);
			    wx.previewImage({
			      current: src, // 当前显示图片的http链接  
			      urls: arr // 需要预览的图片http链接列表  
			    })
			},
			goTop: function() {
				var query = wx.createSelectorQuery();
				query.select('#getheight').boundingClientRect()
				var height = 0;
				query.exec(function (res) {
					console.log(res);
					console.log(res[0].height);
					height = parseInt(res[0].height);
					
					console.log(height);
					this.toggle = false;
					uni.pageScrollTo({
						scrollTop: height,
						duration: 50
					});
					setTimeout(() => {
						this.toggle = true;
					}, 220);
				})
			},
			goTop_neri: function() {
				console.log('触发滑动');
				var query = wx.createSelectorQuery();
				query.select('#getheight').boundingClientRect()
				var height = 0;
				query.exec(function (res) {
					// console.log(res);
					// console.log(res[0].height);
					height = parseInt(res[0].height);
					
					// console.log(height);
					this.toggle = false;
					uni.pageScrollTo({
						scrollTop: height + 10,
						duration: 50
					});
					setTimeout(() => {
						this.toggle = true;
					}, 220);
				})
			},
			goIndex: function() {
				console.log('上拉2');
				this.$emit('index', {});
			},
			share_sy() {
				console.log('上拉3');
				this.$emit('share_sy', {});
			},
			change() {
				console.log('上拉4');
				let show = this.scrollTop > this.top;
				if ((show && this.visible) || (!show && !this.visible)) {
					return;
				}
				this.visible = show;
			},
			getAccount: function(){
				let that = this;
				that.tui.request_false('user/info',{}).then((res) => {
					if(res.code == '0000'){
						console.log('aaaaaaaaaaaaaaaaaaa',res)
						that.orderInfo = res
					}else{
						let params = {
							title: "请登陆",
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						that.$refs.toast.show(params);
					}
				}).catch((err) => {
					console.log('系统异常2');
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			particulars: function(uid,user_id){
				if(!uid){
					let params = {
						title: "您选择的社群不存在!",
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				}
				var url = '../index/organization?uid='+uid+'&user_id='+user_id;
				console.log(url);
				uni.navigateTo({
				    url:url,
				});
			},
			getGoodsShareImage: function(){
				let that = this;
				var array = [];
				that.drawTitle(array);
			},
			Generateshare: function() {
				new Promise((resolve, reject) => {
					let rpx = 0
					let windowWidth = 0;
					uni.getSystemInfo({
						success: function (res) {
						  rpx = res.windowWidth / 375
						  windowWidth = res.windowWidth;
						}
					})
					this.ImageInfo('https://jlapi.ssddjj.com/upload/h5/share_btn.jpg').then(res => {
						//绘制图片
						let radius = 45;
						let center_x = 120;
						let center_y =  55;
						console.log(center_x);
						const cvsCtx = uni.createCanvasContext('postermodel', this);
						cvsCtx.setFillStyle('#FFF');
						cvsCtx.fillRect(0, 0, 320, 230);
						cvsCtx.setFontSize(12);
						cvsCtx.fontWeight = '200';
						cvsCtx.setFillStyle('#000');
						var list_num = this.goodsLists.length;
						var num = this.jielongOrderCoun;
						var num_su = 1;
						var distance = 0;
						for(let i=0; i < this.goodsLists.length; i++){
							if(i >= 6){
								break;
							}
							distance = (num-i).toString().length * 3;
							cvsCtx.setFillStyle('#000');
							cvsCtx.setTextAlign('center');
							cvsCtx.fillText(num-i,10,24 * num_su, 100);
							if(i == 0){
								cvsCtx.drawImage(this.goodsLists[i].imageurl, 15 + distance, 9, 19, 19);
							}else if(i == 1){
								cvsCtx.drawImage(this.goodsLists[i].imageurl, 15 + distance,(19 * i) + (10 * i) + 4, 19, 19);
							}else{
								cvsCtx.drawImage(this.goodsLists[i].imageurl, 15 + distance,(19 * i) + (5 * i) + 10, 19, 19);
							}
							cvsCtx.setTextAlign('left');
							cvsCtx.setFillStyle('#000');
							cvsCtx.fillText(this.truncation(this.goodsLists[i].nickname),40 + distance,24 * num_su, 100);
							cvsCtx.setFillStyle('#C8C8C8');
							cvsCtx.setFontSize(11);
							cvsCtx.fillText(this.formatDate(this.goodsLists[i].create_time),50 + distance + (this.obtainthelength(this.truncation(this.goodsLists[i].nickname)) * 5),24 * num_su, 100);
							cvsCtx.setFillStyle('#000');
							cvsCtx.setFontSize(12);
							cvsCtx.fillText(this.shear_content(this.goodsLists[i]['goods_info']['0']['goods_name'],this.goodsLists[i]['goods_info']['0']['goods_attr']),140,24 * num_su, 90);
							num_su = num_su + 1;
						}
						cvsCtx.drawImage(res.path, 22, 160, 200,35);
						cvsCtx.restore();
						cvsCtx.draw(true);
					})
					resolve()
				}).then(() => {
					this.generateUrl_share() // 当页面的canvas画成功后就调取生成临时路径
				})
			},
			// 过滤特殊字符
			filtration_special:function(nickname){
				var regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig;
				if(regStr.test(nickname)){
					console.log('过滤',nickname.replace(regStr,""));
					return nickname.replace(regStr,"");
				}else{
					return nickname;
				}
			},
			obtainthelength:function(str) {
				return str.replace(/[\u0391-\uFFE5]/g,"aa").length;
			},
			shear_content: function(goods_name,goods_attr){
				var goods_name = this.filtration_special(goods_name);
				var goods_attr = this.filtration_special(goods_attr);
				var goods_name = goods_name + '【' + goods_attr + '】';
				return goods_name.substring(0,8) + '..';
			},
			truncation: function(e,time){
				var e = this.filtration_special(e);
				// console.log(this.obtainthelength(e),'获取文字长度');
				if(e.length > 2){
					if(this.obtainthelength(e.substring(0,2)) < 3){
						return e.substring(0,3);
					}else if(this.obtainthelength(e.substring(0,3)) < 4){
						return e.substring(0,4);
					}else{
						return e.substring(0,2);
					}
					
				}else{
					return e;
				}
			},
			Localimage: function(src,i){
				var thia = this;
				wx.getImageInfo(
					{
					  src: src,
					  success: function (res) {
						thia.goodsLists[i].imageurl = res.path;
					  },
					  fail: function (res) {
						return res;
					  }
					}
				)
			},
			drawTitle: function(goodsImage) {
				new Promise((resolve, reject) => {
					let rpx = 0
					let windowWidth = 0;
					uni.getSystemInfo({
						success: function (res) {
						  rpx = res.windowWidth / 375
						  windowWidth = res.windowWidth;
						}
					})
					this.ImageInfo(this.userInfo.imageurl).then(res => {
						//绘制图片
						let radius = 45;
						let center_x = 120;
						let center_y =  55;
						console.log(center_x);
						const cvsCtx = uni.createCanvasContext('poster', this);
						cvsCtx.drawImage('../../static/my/Background.png', 0, 0, 320, 230);
					
						cvsCtx.setFontSize(16);
						cvsCtx.setFillStyle('#000');
						console.log(windowWidth);
						// let price = 0;
						if((this.jielongOrderCoun + 1) < 10){
							cvsCtx.fillText((this.jielongOrderCoun + 1) +'.',30, center_x-65, 130);
						}else if(this.jielongOrderCoun < 100){
							cvsCtx.fillText((this.jielongOrderCoun + 1) +'.',20, center_x-65, 130);
						}else{
							cvsCtx.fillText((this.jielongOrderCoun + 1) +'.',10, center_x-65, 130);
						}
						
						cvsCtx.fillText(this.userInfo.nickname,110, center_x-65);
						var num = '0';
						var textvalue = '';
						if(this.goodsData['myOrderList']['0']){
							var list_num = this.goodsData['myOrderList']['0']['goods_info'].length;
							for(let i=0; i < this.goodsData['myOrderList']['0']['goods_info'].length; i++){
								textvalue = textvalue + this.goodsData['myOrderList']['0']['goods_info'][i]['goods_name']+'【'+this.goodsData['myOrderList']['0']['goods_info'][i]['goods_attr']+'】+'+this.goodsData['myOrderList']['0']['goods_info'][i]['goods_number']+', ';
									
								num = parseInt(num) + parseInt(this.goodsData['myOrderList']['0']['goods_info'][i]['goods_number']);
							}
						}
						
						var lineWidth = 0;
						var canvasWidth = 350;//计算canvas的宽度
						var initHeight = 50;//绘制字体距离canvas顶部初始的高度
						var lastSubStrIndex = 0; //每次开始截取的字符串的索引
						var initX = 125;
						var initY = 90;
						var lineHeight = 18;
						var textvalue_length = 0;
						for(let i=0;i<textvalue.length;i++){
							if(textvalue_length < 4){
								lineWidth+=cvsCtx.measureText(textvalue[i]).width; 
								if(lineWidth>canvasWidth-initX){//减去initX,防止边界出现的问题
									cvsCtx.setTextAlign('center');
									cvsCtx.fillText(textvalue.substring(lastSubStrIndex,i),initX,initY);
									initY+=lineHeight;
									lineWidth=0;
									lastSubStrIndex=i;
									textvalue_length = textvalue_length + 1;
								} 
								if(i==textvalue.length-1){
									cvsCtx.setTextAlign('center');
									cvsCtx.fillText(textvalue.substring(lastSubStrIndex,i+1),initX,initY);
									textvalue_length = textvalue_length + 1;
								}
							}
						}
						
						console.log(textvalue);
						cvsCtx.setTextAlign('center');
						cvsCtx.setFillStyle('#C8C8C8');
						textvalue_length = textvalue_length + 1;
						cvsCtx.fillText('总商品数'+num,center_x, center_x+60, 130);
						
						cvsCtx.arc(75, 45, 25, 0, 2*Math.PI) //画出圆
						cvsCtx.clip(); //裁剪上面的圆形
						cvsCtx.drawImage(res.path, center_x-70, center_x-100, 50, 50);
						cvsCtx.restore();
						cvsCtx.draw(true);
					})
					resolve()
				}).then(() => {
					this.generateUrl() // 当页面的canvas画成功后就调取生成临时路径
				})
			},
			generateUrl: function() {
				const that = this
				setTimeout(() => {
				uni.canvasToTempFilePath({
					x: 0,
					y: 0,
					width: 500, // 截取的宽度
					height: 400, // 截取的高度
					destWidth: 500, // 生成的图片宽度
					destHeight: 400, // 生成的图片高度
					canvasId: 'poster', // 生成对象的canvasid
					success: function (res) {
						console.log('获取交易成功接龙画布路径',res.tempFilePath);
						that.tempFilePath = res.tempFilePath;
					},
					fail: function (res) {
					  console.log('绘制临时路径失败')
					}
				})
				}, 1000)
			},
			generateUrl_share: function() {
				const that = this
				setTimeout(() => {
				uni.canvasToTempFilePath({
					x: 0,
					y: 0,
					width: 500, // 截取的宽度
					height: 400, // 截取的高度
					destWidth: 500, // 生成的图片宽度
					destHeight: 400, // 生成的图片高度
					canvasId: 'postermodel', // 生成对象的canvasid
					success: function (res) {
						console.log('获取分享接龙画布路径',res.tempFilePath);
						that.tempFilePath_share = res.tempFilePath;
					},
					fail: function (res) {
					  console.log(res);
					  console.log('绘制临时路径失败')
					}
				})
				}, 1000)
			},
			ImageInfo:function(path) {
				return new Promise((resolve, reject) => {
					uni.getImageInfo(
						{
						  src: path,
						  success: function (res) {
							resolve(res)
						  },
						  fail: function (res) {
							reject(res)
						  }
						}
					)
				})
			},
			// 分享模块
			onShareAppMessage: function(res) {
				console.log('测试分享值',res,this.parm);
				console.log('测试支付是否关闭',this.payModal);
				
				if(this.share_user_id > 0){
					var share_user_id_url = '&s_uid=' + this.share_user_id;
				}else{
					var share_user_id_url = '';
				}
				
				var path = '/pages/dragon/details?id='+this.parm['id'] + '&jielong_id='+ this.parm['jielong_id'] + '&jielong_user_id='+ this.parm['jielong_user_id'] + share_user_id_url;
				if(res.from == 'button'){
					if(this.payModal == true){
						console.log('分享1');
						return {
						  title: this.goodsData['info']['title'],
						  path: path,
						  imageUrl: this.tempFilePath,
						}
					}else{
						console.log('分享图片路径',this.goodsData['info']['share_pic']);
						this.condition = false;
						return {
						  title: this.goodsData['info']['title'],
						  path: path,
						  imageUrl: this.goodsData['info']['share_pic'],
						}
					}
				}else{
					console.log('分享图片路径',this.goodsData['info']['share_pic']);
					this.condition = false;
					return {
					  title: this.goodsData['info']['title'],
					  path: path,
					  imageUrl: this.goodsData['info']['share_pic'],
					}
				}
				
			},
			orderClick: function(e){
				if(e.index == 1){
					this.tui.request('order/cancel',{order_id:this.order_id}).then((res) => {
						console.log('aaaaaaaaaaaaaaaaaa', res)
						this.orderModal = false
						if(res.code == '0000'){
							this.tui.toast('操作成功')
						}else{
							console.log('aaaaaaaa', res.msg)
							this.tui.toast(res.msg)
						}
					}).catch((err) => {
						console.log('系统异常3');
						let params = {
							title: "服务器异常",
							imgUrl: "/static/toast/fail-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					})
					
				}else{
					this.orderModal = false
				}
			},
			orderHide: function(){
				this.orderModal = false
			},
			cancelOrder: function(orderId){
				this.orderModal = true;
				this.order_id = orderId;
			},
			change: function(e) {
				
				let index = 0;
				this.current = this.current == index ? -1 : index
			},
			formatData: function(data){				
				if(!data){
					return [];
				}
				return JSON.parse(data);
			},
			formatDate: function (timestamp) {
				return dataTime.getDateDiff(timestamp)
			},
			hidePay:function(){
				this.payModal = false
			},
			closeActionSheet: function() {
				this.showActionSheet = false
			},
			deleteKeyGoods: function(){
				this.goodsCart = [];
				uni.removeStorageSync(this.tui.goodsPrefix() + this.parm.id);
				uni.removeStorageSync('shippingParam'+ this.parm.id)
			},
			formatImage: function(data){
				let file = JSON.parse(data);
				// console.log(file);
				if(file.length > 0 && file[0]){
					return file[0];
				}
				return false;
			},
			colseCart: function(){
				this.seeCart = false;
			},
			details: function(url,type){
				if(!url){
					return false;
				}
				if(type == 1){
					uni.switchTab({
						url: url
					});
					return false
				}
				uni.navigateTo({
				   url: url,
				});
			},
			deleteCart: function(goods,state){
				this.tmp = 0;
				this.seeCart = false;
				if(this.goodsCart.length > 0){
					if(state != true){
						let params = {
							title: '清空成功',
							imgUrl: "/static/toast/check-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					}
				}
				this.deleteKeyGoods();
				this.getGoodsNum();
				this.goodsCount = 0;
			},
			lookCart: function(){
				if(this.goodsData['info']['status'] != 1){
					return false
				}
				this.seeCart = !this.seeCart;
			},
			purchase: function(){
				this.purchase_condition = !this.purchase_condition;
			},
			goToOrder: function(){
				if(!this.userInfo){
					return false;
				}
				if(this.goodsData['info']['status'] != 1){
					return false
				}
				if(this.goodsCart.length == 0){
					let params = {
						title: '未添加商品',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					this.goTop();
					return false;
				}
				var shipping_param = [
					{
						extracting: '0',
						field: '1',
						key: 'name',
						name: '收件人',
						type: 'must',
						val: ''
					},
					{
						extracting: '0',
						field: '1',
						key: 'mobile',
						name: '手机号',
						type: 'must',
						val: ''
					},
					{
						extracting: '0',
						field: '1',
						key: 'province',
						name: '省',
						type: 'must',
						val: ''
					},
					{
						extracting: '0',
						field: '1',
						key: 'city',
						name: '市',
						type: 'must',
						val: ''
					},
					{
						extracting: '0',
						field: '1',
						key: 'district',
						name: '区',
						type: 'must',
						val: ''
					},
					{
						extracting: '0',
						field: '1',
						key: 'address',
						name: '收货地址',
						type: 'must',
						val: ''
					}
				];
				uni.setStorageSync('shippingParam'+ this.parm.id, shipping_param);
				this.detail('./confirmOrder?jielong_id='+this.parm.id+'&jielong_user_id='+this.goodsData['userInfo']['user_id']);
			},
			wxGetUserInfo: function() {
				let that = this;
				if(that.isDisable == true){
					let params = {
						title: '请勿重复登录！',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				}else{
					that.tui.wxLogin().then((res)=>{
						that.isDisable = true;
						console.log('登录',res);
						if(res.code == '0000'){
							this.currenttime = new Date().getTime();
							this.Rendering_ID = 2005;
							that.userInfo = res;
							that.getAccount();
							that.loadData();
							if(that.userInfo.is_perfect == 2){
								that.perfect_condition = 2;
							}
							console.log(that.userInfo.partner_id);
							console.log(that.partner_id);
							this.user_fansAdd();
						}else{
							that.isDisable = false;
						}
					});
				}
			},
			delCart: function(goods){
				
				let clickStock = 0;
				if(this.goodsData['info']['status'] != 1){
					let params = {
						title: '活动已结束',
						imgUrl: "/static/toast/info-circle.png",
						icon: true,
					};
					this.$refs.toast.show(params);
					return false;
				}
				if(goods['goodsNum'] == 0){
					return false;
				}
				let goodsCar = uni.getStorageSync(this.tui.goodsPrefix() + goods.jielong_id);
				if(goodsCar.length == 0){
					return false;
				}
				for(let i = 0; i < goodsCar.length; i++){
					if(this.goodsCart[i]['clickStock']){
						this.goodsCart[i]['clickStock'] = 0
						clickStock = 1;
					}
				}
				if(clickStock == 1){
					uni.setStorageSync(this.tui.goodsPrefix() + goods.jielong_id,this.goodsCart);
				}
							
				
				this.tui.addPublicCart(goods,true)
				if(goodsCar){
					this.goodsCart = uni.getStorageSync(this.tui.goodsPrefix() + goods.jielong_id);
				}else{
					this.goodsCart = []
				}
				console.log(goods);
				this.goodsSum(goods);
				this.getGoodsNum(goods,true);//计算购物车数量与商品同步
			},
			goodsSum: function(goods){
				if(this.goodsCart.length == 0){
					this.sumGoods = 0;
					this.goodsCount = 0;
					return false;
				}
				let sum = 0
				let count = 0
				for(let i = 0; i < this.goodsCart.length; i++){
					sum =  sum + this.goodsCart[i]['goodsPrice']
					count = count + this.goodsCart[i]['goodsNum']
					console.log('这是什么', this.goodsCart[i])
				}				
				this.sumGoods = this.tui.centsToYuan(sum);
				this.goodsCount = count
			},
			getGoodsNum: function(goods,operator){
				console.log('goodsCar',goods);
				if(!goods){
					// this.goodsList.forEach(function (item, index) {
					// 	// console.log(item)
					// 	item['goodsNum'] = 0;
					// });
					
					for(let i in this.goodsCart){
						this.goodsList[this.goodsCart[i]['goods_id']]['goodsNum'] = this.goodsCart[i]['goodsNum'];
					}
				}else{
					if(operator == true){
						this.goodsList[goods['goods_id']]['goodsNum'] = this.goodsList[goods['goods_id']]['goodsNum'] - 1;
					}else if(operator == false){
						this.goodsList[goods['goods_id']]['goodsNum'] = this.goodsList[goods['goods_id']]['goodsNum'] + 1;
					}
				}
			},
			addCart: function(goods){
				var goods_list = [];
				goods_list = goods;
				console.log('0',new Date().getTime(),goods);
				let params;
				if(goods['goods_limit'] > 0){
					if(goods['goods_limit'] <= this.goodsList[goods['goods_id']]['goodsNum']){
						params = {
							title: '限购'+goods['goods_limit']+'次哦！',
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
						return false;
					}
				}
				if(this.goodsData['info']['status'] != 1){
					params = {
						title: '活动已结束',
						imgUrl: "/static/toast/info-circle.png",
						icon: true,
					};
					this.$refs.toast.show(params);
					return false
				}
				if( goods['surplus_stock'] != -1 && goods['surplus_stock'] <= 0){
					params = {
						title: '活动库存不足：平台库存不足，请联系群主添加库存',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					return false
				}
				let clickStock = 0;
				this.tui.addPublicCart(goods,false);
				console.log('1',new Date().getTime());
				this.goodsCart = uni.getStorageSync(this.tui.goodsPrefix() + goods.jielong_id);
				this.goodsCart = uni.getStorageSync(this.tui.goodsPrefix() + goods.jielong_id);
				console.log('2',new Date().getTime());
				
				console.log('3',new Date().getTime());
				for(let i = 0; i < this.goodsCart.length; i++){
					if(goods['goods_id'] == this.goodsCart[i]['goods_id']){
						this.goodsList[goods['goods_id']]['goodsNum'] = this.goodsCart[i]['goodsNum'];
					}
					if(goods['goods_id'] == this.goodsCart[i]['goods_id']  && goods['surplus_stock'] >= 0 &&  this.goodsCart[i]['goodsNum'] >= goods['surplus_stock'] ){
						
						if(!this.goodsCart[i]['clickStock']){
							this.goodsCart[i]['clickStock'] = 0
						}						
						this.goodsCart[i]['clickStock'] = this.goodsCart[i]['clickStock'] + 1; 
						if(this.goodsCart[i]['clickStock'] > 1){
							clickStock = 1;
						}
						break;
					}
				}
				if(clickStock == 1){
					params = {
						title: '超出库存',
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					return false
				}
				
				console.log('4',new Date().getTime());
				this.goodsSum(goods);
				console.log('5',new Date().getTime());
				console.log('6',new Date().getTime());
			},
			formatPrice: function(fee){
				return this.tui.centsToYuan(fee)
			},
			mtoTime: function(timestamp,type){
				let strTime
				if(type == true){
					strTime = dataTime.formatDate('y-m-d h:i',timestamp);
				}else{
					strTime = dataTime.formatDate('m-d h:i',timestamp);
				}
				
				return strTime
			},
			loadData: function(){
				this.tui.request('jielong/detail',this.parm).then((res) => {
					console.log('这是会眨巴',res);
					if(res.code == '0000'){
						console.log('断点1');
						this.goodsData = res;
						var goodsTree = this.goodsData.info.goodsTree;
						for(let i = 0; i < goodsTree.length; i++){
							if(i == 0){
								this.goodsTree0 = goodsTree[i]['attribute_id'];
							}else if(i == 1){
								this.goodsTree1 = goodsTree[i]['attribute_id'];
							}
						}
						console.log(this.goodsTree0);
						console.log(this.goodsTree1);
						
						
						if(this.goodsData.info.status != 1){
							this.deleteCart();
						}
						var goodsTree = this.goodsData['info']['goodsTree'];
						if(goodsTree){
							for(let i = 0; i < goodsTree.length; i++){
								this.goodsTree_selected[goodsTree[i]['attribute_id']] = '';
								for(let k = 0; k < goodsTree[i]['v'].length; k++){
									if(k == '0'){
										this.goodsTree_selected[goodsTree[i]['attribute_id']] = goodsTree[i]['v'][k]['id'];
									}
								}
							}
							this.goodsTree_type = goodsTree;
						}
						var arrays = [];
						var key_i = 0;
						this.goodsTree_selected.forEach(function(item, index) {
							arrays[key_i] = item;
							key_i = key_i + 1;
							console.log(item,index);
						})
						if(arrays[0] && arrays[1]){
							if(arrays[0] < arrays[1]){
								this.goodsTree_type_id = arrays[0] + '|' + arrays[1];
							}else{
								this.goodsTree_type_id = arrays[1] + '|' + arrays[0];
							}
						}else{
							this.goodsTree_type_id = arrays[0];
						}
						this.select_goods_id = this.goodsData['info']['goodsTreeList'][this.goodsTree_type_id];
						
						
						console.log('goodsTree_type_id',this.goodsTree_type_id);
						console.log('goodsData-loadData',this.goodsData);
						/* 特别 */
						if(this.userInfo){
							this.user_fansAdd();
						}
						let list = [{}];
						for(let i = 0; i < this.goodsData['goodsList'].length; i++){
							this.goodsList[this.goodsData['goodsList'][i]['goods_id']] = this.goodsData['goodsList'][i];
		
						}
						/* 特别 */
						// console.log(this.goodsList.length);
						console.log('goodsData-goodsList',this.goodsList);
						this.actualtimerenewal();
						this.configuration_conceal = 'initial';
						
						if(this.payModal == true){
							this.getGoodsShareImage();
						}
						// this.getGoodsShareImage();
						if(res['info']['status'] !=1 ){
							this.deleteKeyGoods();
						}
						this.tempFilePath = uni.getStorageSync('tempFilePath');
						let details = JSON.parse(res['info']['details']);
						if(details['images'][0]){
							this.share.imageUrl = details['images'][0];
						}
						
						// this.share.path = 'pages/dragon/details?id='+res['info']['id']
						this.getGoodsNum();
						this.itemname = "我的"+ res.myOrderList.length +"个接龙";
						
						console.log('断点2');
						for(let i = 0; i < res.myOrderList.length; i++){
							let data = res.myOrderList[i];
							let tmpData = 
							{
								name: "我的接龙" + (i+1),
								intro: [],
								current: 0,
								disabled: false
							};
							res.myOrderList[i]['goods_info'] = JSON.parse(res.myOrderList[i]['goods_info']);
							res.myOrderList[i]['condition'] = '0';
							tmpData.intro.push(res.myOrderList[i]);
							this.dataList.push(tmpData);
							
							
							//设置分享
							let details = JSON.parse(res['info']['details']);
							this.poster.avatar = this.userInfo.imageurl
							this.poster.title = res['info']['title']; 
							this.poster.describe = details['text'];
							this.poster.nickname = this.userInfo.nickname;
							this.poster.dateTime = this.formatDate(res['info']['create_time']); 
							this.poster.price = '￥'+this.formatPrice(res['info']['buy_amount']);
						}
						console.log('断点3');
						this.getGoodsShareImage();
						this.loadList();
						var when_time = new Date().getTime() - this.currenttime;
						console.log('当前时间',new Date().getTime());
						console.log('默认时间',this.currenttime);
						console.log('加载时间',when_time);
						if (wx.canIUse('reportPerformance')) {
							var when_time = new Date().getTime() - this.currenttime;
							console.log('当前时间',new Date().getTime());
							console.log('默认时间',this.currenttime);
							console.log('加载时间',when_time);
							wx.reportPerformance(this.Rendering_ID, when_time);
						}
						var shipping_param = [
							{
								extracting: '0',
								field: '1',
								key: 'name',
								name: '收件人',
								type: 'must',
								val: ''
							},
							{
								extracting: '0',
								field: '1',
								key: 'mobile',
								name: '手机号',
								type: 'must',
								val: ''
							},
							{
								extracting: '0',
								field: '1',
								key: 'province',
								name: '省',
								type: 'must',
								val: ''
							},
							{
								extracting: '0',
								field: '1',
								key: 'city',
								name: '市',
								type: 'must',
								val: ''
							},
							{
								extracting: '0',
								field: '1',
								key: 'district',
								name: '区',
								type: 'must',
								val: ''
							},
							{
								extracting: '0',
								field: '1',
								key: 'address',
								name: '收货地址',
								type: 'must',
								val: ''
							}
						];
						uni.setStorageSync('shippingParam'+ this.parm.id, shipping_param);
						console.log('断点4');
					}else{
						let params = {
							title: res.msg,
							imgUrl: "/static/toast/fail-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					}
				}).catch((err) => {
					console.log('系统异常6');
					console.log('aaaa', err)
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
			},
			sum_order: function(Min,Max){
				var Range = Max - Min;  
				var Rand = Math.random();  
				return(Min + Math.round(Rand * Range)); 
			},
			pull_down: function() {
				this.parm.page = this.parm.page + 1;
				// this.loadList()
			},
			loadList: function(){
				
				this.parm.pay_status = 1;
				this.parm.status = 1;
				
				this.parm.page_size = 7;
				this.parm.jielong_id = this.parm.id;
				
				console.log('测试未支付',this.parm);
				// this.jielongList.jielong_user_id = '';
				// this.parm.pay_status = '1';
				this.tui.request('order/jielongList',{
					id:this.parm.id,
					pay_status:this.parm.pay_status,
					status:this.parm.status,
					page_size:this.parm.page_size,
					page:this.parm.page,
					jielong_id:this.parm.jielong_id
				}).then((res) => {
					if(res.code == '0000'){
						console.log('断点1');
						if(this.parm.page == 1){
							this.jielongOrderCoun = res.count;
							this.indentcondition = 1;
						}
						console.log('断点2');
						if(res.data.list.length > 0){
							this.loadding = true
							this.pullUpOn = true
							this.isMore = 1
							this.page++
							console.log('断点3');
							for( let i = 0; i < res.data.list.length; i++ ){								
								if(res.data.list[i]['goods_info']){
									res.data.list[i]['goods_info'] = JSON.parse(res.data.list[i]['goods_info']);
								}else{
									res.data.list[i]['goods_info'] = [];
								}
								this.goodsLists.push(res.data.list[i])
								
							}
							console.log('断点4');
						}else{
							console.log('断点5');
							this.loadding = false
							this.pullUpOn = false
							this.isMore = 0
						}
						if(res.data.list.length == 0 &&  this.parm.page == 1){
							this.empty = 0
						}
						// if(this.parm.page == 1){
						// 	this.transpond();
						// }
						console.log(res);
						console.log('11111');
					}else{
						let params = {
							title: res.msg,
							imgUrl: "/static/toast/fail-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					}
				}).catch((err) => {
					console.log('系统异常7');
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
			},

	
			// 拨打手机
			tel:function(contact_mobile) {
				wx.makePhoneCall({
					phoneNumber: contact_mobile //仅为示例，并非真实的电话号码
				})
			},
			// 分享弹窗
			shareEvn:function() {
				// console.log(2222);
				this.operation = false
				this.deliveryFlag = true;
			},
			// 关闭分享弹窗
			closeShareEvn:function() {
				this.deliveryFlag = false;
				this.operation = true;
				
			},
			transpond: function(){
				// this.deliveryFlage = true;
				for(let i=0; i < this.goodsLists.length; i++){
					if(i < 6){
						this.Localimage(this.goodsLists[i].imageurl,i)
					}
				}
				setTimeout(() => {
					this.Generateshare();
					// this.edit_share_image_methods();
				}, 1000)
			},
			detail: function(url,type){
				if(type == 1){
					uni.switchTab({
						url: url
					});
					return false
				}
				uni.navigateTo({
				   url: url,
				});
			},
			getTimeText:function(argument) {
			     var timeS = argument;
			     var todayT = ''; //
			     var yestodayT = '';
			     var timeCha = this.getTimeS(timeS);
			     timeS = timeS.slice(-8);
			     todayT = new Date().getHours()*60*60*1000 + new Date().getMinutes()*60*1000 + new Date().getSeconds()*1000;
			     yestodayT = todayT + 24*60*60*1000;
			     if(timeCha > yestodayT) {					 
			         return argument.slice(5,11);
			     }
			     if(timeCha > todayT && timeCha < yestodayT) {
			         return timeS.slice(0,2)>12?'昨天'+(timeS.slice(0,2)==12 ? 12 : timeS.slice(0,2) - 12)+timeS.slice(2,5):'昨天'+timeS.slice(0,5);
			     }
			     if(timeCha < todayT) {
			         return timeS.slice(0,2)>=12?'下午'+(timeS.slice(0,2)==12 ? 12 : timeS.slice(0,2) - 12)+timeS.slice(2,5):'上午'+timeS.slice(0,5);
			     }
			},
			// 获取价格估量
			tag_text: function(min_price,max_price){
				if(min_price == max_price){
					var price = '¥' +this.tui.centsToYuan(min_price);
				}else{
					var price = '¥' +this.tui.centsToYuan(min_price) + '~' + '¥' +this.tui.centsToYuan(max_price);
				}
				return price;
			},
			// 海报开始
			async shareFc() {
				let goods_files = this.goodsData['info']['share_img'];
				
				if(this.goodsData['info']['qrcode']){
					this.erweixin = 'https://jlapi.ssddjj.com/upload/' + this.goodsData['info']['qrcode'];
				}else{
					this.erweixin = this.poster.qrcode;
				}
				
				this.operation = true
				// this.canvasFlag=false;//显示canvas海报
				this.deliveryFlag = false;//关闭分享弹窗
				try {
					_app.log('准备生成:' + new Date())
					const d = await getSharePoster(
					{
						_this: this, //若在组件中使用 必传
						type: 'testShareType',
						formData: {
							//访问接口获取背景图携带自定义数据
			
						},
						posterCanvasId: this.canvasId,	//canvasId
						delayTimeScale: 20, //延时系数
						background: {
							width: 1080,
							height: 1920,
							backgroundColor: '#FFF'
						},
						backgroundImage: 'none',
						drawArray: ({
							bgObj,
							type,
							bgScale
						}) => {
							const dx = bgObj.width * 0.3;
							const fontSize = bgObj.width * 0.045;
							const lineHeight = bgObj.height * 0.04;
							console.log(this.erweixin,this.goodsData['info']['share_img']);
							//可直接return数组，也可以return一个promise对象, 但最终resolve一个数组, 这样就可以方便实现后台可控绘制海报
							return new Promise((rs, rj) => {
							
								rs([
									{
										
										type: 'image',
										url: this.goodsData['info']['share_img'],
										dx: 0,
										dy: 0,
										infoCallBack(imageInfo) {
											let scale = bgObj.width * 0.53 / imageInfo.height;
											let height = bgObj.width * 0.5 > 300 ? 300 : bgObj.width * 0.5;
											if(imageInfo.width > bgObj.width ){
												scale = bgObj.width / imageInfo.width;
												height = imageInfo.height * scale > 300 ? 300: imageInfo.height * scale
											}
											return {
												dWidth: 1080, // 因为设置了圆形图片 所以要乘以2
												dHeight: 1080
											}
										}
									},
									{
										type: 'view',
										// background: '#666',
										background: 'linear-gradient(#ff0000, #00ff00, #0000ff)',
										infoCallBack(textLength) {
											return {
												dx: 0,
												dy: 1080,
												dWidth: 1080,
												dHeight: 40
											}
										},
									},
									{
										type: 'image',
										url: this.userInfo.imageurl,
										dx: 40,
										dy: 1135,
										Float: 'left',
										infoCallBack(imageInfo) {
											let scale = bgObj.width * 0.08 / imageInfo.height;
											return {
												dWidth: imageInfo.width * scale, // 因为设置了圆形图片 所以要乘以2
												dHeight: bgObj.width * 0.08,
											}
										}
									},
									{
										type: 'text',
										text: this.filtration_special(this.userInfo.nickname) + ' 推荐你来接龙',
										size: fontSize - 5,
										color: '#666',
										textAlign: 'left',
										infoCallBack(textLength) {
											return {
												dx: 160,
												dy: 1180
											}
										},
									},
									{
										type: 'text',
										// fontStyle: 'italic',
										text: this.filtration_special(this.goodsData['info']['title']),
										size: fontSize + 10,
										color: '#000',
										// alpha: .5,
										// textAlign: 'left',
										// textAlign: 'center',
										width: 1000,
										alpha: 1,
										textAlign: 'left',
										textBaseline: 'middle',
										lineFeed: {
											maxWidth: bgObj.width - 90,
											lineHeight: 75,
											lineNum: 2,
											dx: -1
										},
										// textBaseline: 'middle',
										infoCallBack(textLength) {
											return {
												dx: 40,
												dy: 1290,
												Width: 1000
											}
										},
										serialNum: 0,
										id: 'tag1'	//自定义标识
									},
									{
										type: 'text',
										text: this.tag_text(this.goodsData['info']['min_price'],this.goodsData['info']['max_price']),
										size: fontSize + 13,
										fontWeight: 'bold',
										color: '#1193e3',
										width: 1000,
										alpha: 1,
										textAlign: 'left',
										textBaseline: 'middle',
										lineFeed: {
											maxWidth: bgObj.width - 90,
											lineHeight: 40,
											lineNum: 3,
											dx: -1
										},
										infoCallBack(textLength) {
											return {
												dx: 40,
												dy: 1450,
												Width: 1000
											}
										}
									},
									{
										type: 'image',
										url: this.erweixin,
										dx: bgObj.width * 0.60,
										dy: bgObj.height - 400,
										infoCallBack(imageInfo) {
											let scale = bgObj.width * 0.35 / imageInfo.height;
											return {
												// circleSet: {
												// 	x: imageInfo.width * scale / 2 + 50,
												// 	y: bgObj.width * 0.2 / 2 + 50,
												// 	r: bgObj.width * 0.2 / 2 + 50
												// },
												dWidth: imageInfo.width * scale, // 因为设置了圆形图片 所以要乘以2
												dHeight: bgObj.width * 0.35,
												/* roundRectSet: { // 圆角矩形
													r: imageInfo.width * .1
												} */
											}
										}
									},
									{
										type: 'text',
										text: '拼手速抢福利，快扫二维码喔',
										size: fontSize - 5,
										color: '#666',
										// textAlign: 'center',
										width: '100%',
										infoCallBack(textLength) {
											return {
												dx: 40,
												dy: bgObj.height - 60,
												dWidth: 1080
											}
										},
									},
								]);
							})
						},
						setCanvasWH: ({
							bgObj,
							type,
							bgScale
						}) => { // 为动态设置画布宽高的方法，
							this.poster = bgObj;
						}
					});
					_app.log('海报生成成功, 时间:' + new Date() + '， 临时路径: ' + d.poster.tempFilePath)
					this.poster.finalPath = d.poster.tempFilePath;
					this.qrShow = true;
				} catch (e) {
					_app.hideLoading();
					_app.showToast(JSON.stringify(e));
					console.log(JSON.stringify(e));
				}
			},
			saveImage() {
				// #ifndef H5
				uni.saveImageToPhotosAlbum({
					filePath: this.poster.finalPath,
					success(res) {
						_app.showToast('保存成功');
					},
					fail: function(err) {
					  if (err.errMsg === "saveImageToPhotosAlbum:fail:auth denied" || err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
						// 这边微信做过调整，必须要在按钮中触发，因此需要在弹框回调中进行调用
						uni.showModal({
						  title: '提示',
						  content: '需要您授权保存相册',
						  showCancel: false,
						  success: modalSuccess => {
							uni.openSetting({
							  success(settingdata) {
								if (settingdata.authSetting['scope.writePhotosAlbum']) {
								  uni.showModal({
									title: '提示',
									content: '获取权限成功,再次点击图片即可保存',
									showCancel: false,
								  })
								} else {
								  uni.showModal({
									title: '提示',
									content: '获取权限失败，将无法保存到相册哦~',
									showCancel: false,
								  })
								}
							  },
							  fail(failData) {
								// console.log("failData", failData)
							  },
							  complete(finishData) {
								// console.log("finishData", finishData)
							  }
							})
						  }
						})
					  }
					
					}
				})
				// #endif
				// #ifdef H5
				_app.showToast('保存了');
				// #endif
			},
			hideQr() {
				this.qrShow = false;
			},
			// 海报结束
			
			// 分类
			
			TabSelect(e) {
				if(this.condition_TabSelect == true) {
					this.goTop_neri_state = false;
					console.log("TabSelect",e);
					this.tabCur = e.currentTarget.dataset.id;
					this.mainCur = e.currentTarget.dataset.id;
					this.verticalNavTop = (e.currentTarget.dataset.id - 1) * 50;
					if(this.scrolltop_num == '60'){
						this.scrolltop_num = '59';
					}else{
						this.scrolltop_num = '60';
					}
					this.scrolltoupper_slide = 1;
					this.scrolltolower_slide = 1;
					this.goTop_neri();
					
					setTimeout(() => {
						this.goTop_neri_state = true;
					}, 500)
				}
			},
			VerticalMain(e) {
				
				// #ifdef MP-ALIPAY
				   return false  //支付宝小程序暂时不支持双向联动 
				// #endif
				let that = this;
				let tabHeight = 0;
				if (this.load) {
					for (let i = 0; i < this.list.length; i++) {
						let view = uni.createSelectorQuery().select("#main-" + this.list[i].id);
						view.fields({
							size: true
						}, data => {
							this.list[i].top = tabHeight;
							if(data){
								tabHeight = tabHeight + data.height;
							}
							this.list[i].bottom = tabHeight;
						}).exec();
					}
					this.load = false
				}
				let scrollTop = e.detail.scrollTop + 10;
				for (let i = 0; i < this.list.length; i++) {
					if (scrollTop > this.list[i].top && scrollTop < this.list[i].bottom) {
						this.verticalNavTop = (this.list[i].id - 1) * 50
						this.tabCur = this.list[i].id
						if(this.goTop_neri_state == true){
							this.goTop_neri_state = false;
							this.goTop_neri();
							setTimeout(() => {
								this.goTop_neri_state = true;
							}, 3000)
						}
						console.log(scrollTop)
						return false
					}
				}
			}
			
			// 分类
		},
	}
</script>


<style lang="scss">
	// @import "../../colorui/main.css";
	// @import "../../colorui/icon.css";
	
	/* 灰色阴影框 */
	.msgbox{
		background-color: #000;
		opacity: 0.5;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:999999;
		overflow: hidden;
	}
	/* 灰色阴影框 */
	
	/* 按钮事件 */
	.complete{
		position: fixed;
		z-index: 9999999;
		background: #fff;
		width: 70%;
		left: 10%;
		top: 30%;
		padding: 5%;
		font-size: 28rpx;
		border-radius: 20rpx;
	}
	
	.complete_top{
		text-align: center;
		font-size: 34rpx;
	}
	
	.complete_text{
		text-align: center;
		font-size: 26rpx;
		line-height: 140rpx;
	}
	
	.complete_bottom{
		line-height: 20px;
		padding-top: 20rpx;
		height: 40rpx;
		border-top: 1rpx solid #ccc;
	}
	
	.complete_left{
		width: 49%;
		float: left;
		text-align: center;
	}
	
	.complete_right{
		float: right;
		width: 49%;
		text-align: center;
		border-left: 1rpx solid #CCC;
	}
	
	/* 按钮事件 */
	
	.freight_introduce{
		font-size: 24rpx;
		color: #888;
	}
	
	// 商品选择详情
	.goods_Cart{
		height: 220rpx;
		padding: 10px 0;
		border-bottom: 1rpx solid #e8e8e8;
	}
	
	.goods_image{
		width: 200rpx;
		height: 200rpx;
		float: left;
		border: 2rpx solid #1193e3;
		-webkit-border-radius: 8rpx;
		border-radius: 8rpx;
	}
	
	.goods_image image{
		width: 200rpx;
		height: 200rpx;
		border-radius: 8rpx;
	}
	
	.goods_lins{
		float: left;
		line-height: 40rpx;
		margin-left: 10rpx;
		background: #FCE9E9;
		color: red;
		padding: 0 10rpx;
	}

	.shop_cart{
		width: 49%;
		text-align: center;
		background: #FFF;
		color: #1193e3;
		border-top-left-radius: 50rpx;
		border-bottom-left-radius: 50rpx;
		float: left;
		border: 1rpx solid #1193e3;
	}
	
	.shop_order{
		float: left;
		width: 49%;
		color: #FFF;
		background: #1193e3;
		text-align: center;
		border-top-right-radius: 50rpx;
		border-bottom-right-radius: 50rpx;
		border: 1rpx solid #1193e3;
	}
	
	.goodsattr{
		float: left;
		margin-left: 10rpx;
		margin-bottom: 10rpx;
	}
	
	.goodsattr_lx{
		padding: 20rpx;
		background-color: #eee;
		color: #1193e3;
	}
	
	.goodsattr_lx_w{
		padding: 20rpx;
		background-color: #f7f8fa;
	}
	
	.goods_lx{
		line-height: 80rpx;
		height: 80rpx;
	}
	
	// 商品选择详情
	
	.tui-goods-righte .icon-tubiao{
		width: 60rpx;
		height: 80rpx;
		line-height: 100rpx;
		float: left;
		text-align: left;
	}
	
	.tui-goods-righte .icon-tubiaos{
		width: 60rpx;
		height: 80rpx;
		line-height: 100rpx;
		float: right;
	}
	
	.tui-goods-righte .icon-tubiao image{
		width: 40rpx;
		height: 40rpx;
	}
	
	.tui-goods-righte .icon-tubiaos image{
		width: 40rpx;
		height: 40rpx;
	}
	
	.icon-tubiao{
		width: 70rpx;
		height: 80rpx;
		line-height: 100rpx;
		float: left;
		text-align: center;
	}
	
	.icon-tubiao image{
		width: 40rpx;
		height: 40rpx;
	}
	
	.icon-tubiaos{
		width: 70rpx;
		height: 80rpx;
		line-height: 100rpx;
		float: right;
		text-align: center;
	}
	
	.icon-tubiaos image{
		width: 40rpx;
		height: 40rpx;
	}
	
	.userInfo_nickname{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		min-width: 50rpx;
		max-width: 140rpx;
	}
	
	.tui-scroll-top_box {
		width: 80rpx;
		height: 270rpx;
		position: fixed;
		z-index: 9999;
		right: 30rpx;
		bottom: 30rpx;
		font-weight: 400;
	}
	
	.tui-scroll-top_item {
		width: 80rpx;
		height: 80rpx;
		position: relative;
	}
	
	.tui-scroll-item_top {
		margin-top: 30rpx;
	}
	
	.tui-scroll-top_img {
		width: 80rpx;
		height: 80rpx;
		display: block;
	}
	
	.tui-scroll-top_text {
		width: 80rpx;
		text-align: center;
		font-size: 24rpx;
		line-height: 24rpx;
		transform: scale(0.92);
		transform-origin: center center;
		position: absolute;
		left: 0;
		bottom: 15rpx;
	}
	
	.tui-color-white {
		color: #fff;
	}
	
	.tui-share-btn {
		background: transparent !important;
		padding: 0;
		margin: 0;
		display: inline;
		border: 0;
	}
	.tui-share-btn::after {
		border: 0;
	}
	
	.monicker{
		line-height: 45rpx;
		font-weight: 300;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.address{
		line-height: 45rpx;
		font-weight: 300;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.namethelord{
		font-size: 35rpx;
		color: #000;
		font-weight: 500;
		line-height: 50rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.bottomcontent view{
		text-align: left !important;
	}
	.bottomcontent{
		width: 100%;
		height: 135rpx;
		display: block;
		color: #666;
		font-size: 28rpx;
		padding: 20rpx 0 20rpx;
	}
	.namepic{
		float: left;
		margin-left: 15rpx;
		font-weight: 450;
	}
	.pickupinastore{
		width: 50rpx;
		height: 50rpx;
		float: left;
	}
	.toppickup{
		width: 100%;
		height: 50rpx;
		border-bottom: 1rpx solid #E8E8E8;
		padding: 0 0 20rpx;
		line-height: 50rpx;
	}
	.totalcontent{
		// height: 230rpx;
		background: #F7F7F7;
		margin-top: 25rpx;
		border-radius: 3%;
		padding: 20rpx 30rpx;
		height: 400rpx;
		// overflow: scroll;
	}
	// fold
	.fold{
		padding: 0px 30rpx;
		// margin-bottom: 30rpx;
	}
	.itemName .tui-list-cell{
		color: #0A8FE2 !important;
	}
	.tui-jielong-msg .tui-list-cell{
		background: #d3e7f5 !important;
	}
	.tui-jieLong-box{
		width: 100%;
		display: flex;
		align-items: top;
		// padding: 30rpx 0rpx;
	}
	.tui-jielong-time{
		font-size: 26rpx;
		color: #999999;
		padding-right: 25rpx;
	}
	.tui-jielong-name{
		font-size: 32rpx;
		font-weight: 400;
	}
	.tui-jielong-left{
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.tui-jielong-pic {
		width: 100upx;
		height: 100upx;
		border-radius: 50%;
		display: block;
		margin-right: 24upx;
		// margin-left: 20rpx;
	}
	.orderLists .tui-modalBtn-box{
		border-top: none !important;
		margin: 35rpx auto;
	}
	
	.orderLists .tui-red-outline::after {
		border: 1px solid #0A8FE2;
	}
	.orderLists .tui-red-outline{
		color: #0A8FE2 !important;
	}
	// fold
	.mag{
		margin-top: 20rpx;
	}
	.tui-jielong-content{
		padding: 10rpx 0rpx;
		font-size: 30rpx;
		float: left;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tui-jielong-pay{
		text-align: right;
		font-size:28rpx;
		padding: 30rpx 0;
		padding-right: 25rpx;
		border-bottom: 1rpx dashed #CCCCCC;
	}
	.tui-jielong-pay-price{
		color: red;
	}
	.tui-jielong-footer{
		font-size: 28rpx;
		color: #999999;
		padding: 8rpx 0rpx;
	}
	.tui-jielong-btn{
		font-size: 30rpx;
		color: #0A8FE2;
		padding: 20rpx 0rpx;
	}
	// @import '../../static/style/thorui.css';

	page {
		color: #333;
	}
	// pay
	.jieLongListsTop{
		background: #f7f7f7;
		padding: 10rpx 20rpx;
		box-sizing: border-box;
	}
	
	.paySuccessful{
		margin: 0px auto;
		text-align: center;
	}
	.payImg{
		width: 90rpx;
		height: 90rpx;
		margin: 10rpx auto;
	}
	.payTitle{
		font-size: 33rpx;
		font-weight: 450;
		margin: 10rpx auto;
		padding-bottom: 20rpx;
	}
	.tui-list-viewe .tui-list-view{
		padding-bottom: 270rpx !important;
	}
	.tuiBunPay{
		padding: 30rpx 0px;
		width: 80%;
		margin: 0px auto;
		color: #FFFFFF;
	}
	.jieLongListsGoods{
		text-align: left;
		font-size: 28rpx;
		margin: 10rpx auto;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.tui-avatar-box-num{
		padding: 0px 10rpx;
	}
	.jieLongListsdes{
		padding: 20rpx 30rpx;
		// font-size: prx !important;
		color: #adadad ;
	}
	.viewOrder{
		font-size: 25rpx;
		text-align: center;
		color: #0A8FE2;
		margin: 30rpx auto;
	}
	.tui-modalBtn-box{
		border-top: 1rpx solid #c8c8d2 !important;
	}
	// pay
	
	.case_box_des {
		width: 100%;
		/* padding: 10rpx 20rpx; */
		// padding: 30upx 20upx;
		margin: 10rpx auto;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: 30rpx;
		position: relative;
	}
	.case_box_right{
		padding-left: 38rpx;
	}
	.price{
		color: #1193E3 !important;
		font-size: 34rpx !important;
	}
	.tui-goods-box {
		display: flex;
		align-items: center;
	}
	.tui-goods-pic {
		width: 150upx !important;
		height: 150upx !important;
		display: block;
		margin-right: 24upx;
		border-radius: 10rpx;
	}
	
	.tui-goods-pic-list {
		width: 180upx !important;
		height: 180upx !important;
		display: block;
		margin-right: 12upx;
		margin-left: 12upx;
		border-radius: 10rpx;
	}

	.tui-goods {
		display: flex;
		align-items: center;
	}
	.tui-goods .tui-list-cell{
		padding: 14px 0px !important;
	}
	
	.tui-goods::after {
		left: 154upx !important
	}
	.tui-goods-item {
		max-width: 350upx !important;
		min-height: 80upx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		
	}
	.tui-goods-item-top {
		max-width: 100% !important;
		// min-height: 80upx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		display: block !important;
	}
	.tui-goodsg-name{
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-weight: 550;
		line-height: 38rpx;
	}
	.tui-goods-lists-pic {
		width: 70rpx;
		height: 70rpx !important;
		border-radius: 50%;
		display: block;
		margin-right: 24upx;
		margin-top: 10rpx;
	}

	.tui-goods-name {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 34upx;
		line-height: 1;
		color: #262b3a;
	}
	
	.tui-goods-content {
		display:block;
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;/* 内容bai超出宽度时du隐藏超出部分的内容 */
		text-overflow:clip;
		// overflow: hidden;
		// white-space: nowrap;
		// text-overflow: clip;
		// display: -webkit-box;
		// -webkit-line-clamp: 1;
		// -webkit-box-orient: vertical;
		
		font-size: 25upx;
		line-height: 40rpx;
		color: #9397a4;
	}
	
	.tui-goods-content-xin{
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 25upx;
		line-height: 40rpx;
		color: #9397a4;
		min-height: 40rpx;
	}
	
	.tui-goods-content-zy{
		font-size: 25upx;
		line-height: 40rpx;
		color: #9397a4;
		// margin-left: 12rpx;
	}
	
	.tui-goods-contents{
		font-size: 25rpx;
		line-height: 40rpx;
		color: #9397a4;
	}
	
	.tui-goods-price{
		color: #1193e3 !important;
		font-size: 30rpx;
	}
	
	.tui-goods-price-xz{
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		// color: red !important;
		font-size: 30rpx;
	}

	.tui-goods-right {
		// max-width: 140upx;
		width: 70% !important;
		// height: 140upx;
		// margin-left: auto;
		// text-align: right;
		display: block;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
		white-space:nowrap;
	}
	.tui-goods-righte{
		max-width: 180upx;
		height: 140upx;
		margin-left: auto;
		text-align: right;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
		white-space:nowrap;
	}
	
	.goods-attribute-right-add{
		padding-right: 5rpx;
	}
	.goods-attribute-right-kucun{
		font-size: 26rpx;
		color: #989898 !important;
		padding-top: 8rpx;
		margin: 0 auto;
		text-align: center;
	}
	.goodsCart .tui-goods-right{
		max-width: 190rpx !important;
	}
	.goodsCart .tui-goods-right {
		height: 110rpx;
	}
	.goodsCart .tui-goods-content{
		margin-top: 5rpx;
		margin-bottom: 5rpx;
	}
	
	.tui-padding-small{
		padding: 0px 5rpx;
	}
	.goods-attribute-right-text{
		padding: 0px 10rpx;
		font-size: 30rpx;
		color: #000;
		line-height: 80rpx;
	}
	.tui-goods-tag {
		width: 100rpx;
		font-size: 28upx;
		line-height: 28upx;
		color: #07c160;
		padding-top: 8rpx;
		padding-right: 10rpx;
		float: right;
		text-align: center;
	}
	.tui-goods-tag-yituan{
		font-size: 28rpx;
		position: absolute;
		top: 180rpx;
		width: 200rpx;
		color: #FFF;
		background-color: rgba(0,0,0,0.3);
		height: 50rpx;
		line-height: 50rpx;
		margin-left: 12rpx;
		text-align: center;
	}
	.tui-badge-add{
		width: auto;
		font-size: 28rpx;
	}
	.goodsCart{
		padding: 0rpx 30rpx;
	}

	.bg{
		// background: #FFFFFF !important;
		box-sizing: border-box;
		// padding: 10rpx 30rpx 10rpx 30rpx;
		// margin-bottom: 10rpx;		
	}
	.container {
		box-sizing: border-box;
		padding-bottom: 120rpx;
		/* background: #FFFFFF !important; */
		/* padding-bottom: env(safe-area-inset-bottom); */
		
	}
	/* 接龙案例 */
	.tui-title-box {
		width: 90%;
		padding: 0upx 30upx 30upx 0upx;
		box-sizing: border-box;
		font-size: 35upx;
		line-height: 35upx;
		color: #000;
		font-weight: 500;
	}
	.tui-title-box-des{
		font-size: 28rpx;
		/* padding-left:30upx; */
		color: #a0a0a0;
		margin: 25rpx auto;
		box-sizing: border-box;
		height: 19px;
		line-height: 19px;
		margin-left: 20rpx;
		width: 90%;
	}
	.goods-title-left{
		// width: 200px;
		height: 35rpx;
		line-height:35rpx;
		text-align: left;
		// background: #ccc;
		// padding-left: 20rpx;
		position: relative;
		font-weight: 550;
		margin-left: 20rpx;
	}
	.case_box_time{
		color: #b1b1b1;	
		position: relative;
		width: 100rpx;
		text-align: center;
	}
	.case{
		background: #FFFFFF;
		padding: 0 30rpx 0 20rpx;
	}
	.case_title{
		font-size: 35rpx;
		font-weight: 700;
		padding-top: 40rpx;
	}
	.case_describe{
		font-size: 28rpx;
		color: #a6a6a6;
		padding-top: 10rpx;
		line-height: 60rpx;
	}
	.case_box{
		// padding: 40rpx 20rpx 20rpx 20rpx;
		background: #FFFFFF;
		// margin-top: 20rpx;
		// margin-bottom: 20rpx;
		padding-top: 20rpx;
	}
	.tui-header-right{
		/* margin-top: -40rpx !important; */
		/* margin-right: -10px !important; */
		/* color: #FFFFFF !important; */
		/* background: #CCCCCC !important; */
		padding: 5rpx 10rpx ;
	}
	.tui-header-title{
		font-size: 32rpx !important;
		font-weight: 500;
		color: #000000 !important;
	}
	.tui-title {
		width: 100%;
		padding: 70upx 30upx 30upx 30upx;
		box-sizing: border-box;
		font-size: 30upx;
		line-height: 30upx;
		color: #666;
	}
	.case_boxi_content {
		padding: 0upx 20upx;
		margin: 5rpx auto;
		color: #9e9e9e;
		font-size: 28rpx;
		line-height: 45rpx;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.case_boxi_footer{
		padding: 20upx 20upx;
		color: #f40e2a;
		font-size: 35rpx;
		font-weight: 500;
	}
	.tui-card{
		padding: 5rpx 15rpx !important;
		margin: 20rpx 0rpx 0rpx 0rpx !important;
		box-shadow: 0 0 3rpx #eee !important;
		border: 1rpx solid #f5f5f5 !important;
	}
	/* 接龙案例 */

	.tui-news-title {
		font-size: 35rpx;
		font-weight: 550;
		text-align: justify;
	}
	.tui-news-content {
		/* padding-top: 40rpx; */
		/* text-indent: 2em; */
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		font-size: 30rpx;
		padding-bottom: 40rpx;
		line-height: 35rpx;
		text-align: justify;
		word-break: break-all;
		word-wrap: break-word;
		// font-weight: 500;
	}
	.tui-article-pic {
		width: 100%;
		display: block;
		margin-top: 40rpx;
	}
	.tui-avatar .tui-list-cell{
		background: none !important;
		padding: 9px 0px 7px 10px !important;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.tui-avatar-pic {
		width: 80upx !important;
		height: 80upx !important;
		border-radius: 50%;
		display: block;
		margin-right: 24upx;
	}
	.tui-avatar-autonym{
		width: 108rpx;
		height: 36rpx;
		display: block;
		margin-left: 8rpx;
		float: right;
		margin-top: 5rpx;
	}
	.tui-avatar-box {
		display: flex;
		align-items: center;
	}
	.tui-avatar-item {
		max-width: 500upx;
		min-height: 80upx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.tui-avatar-name{
		font-size: 28rpx;
		font-weight: 500;
	}
	.tui-avatar-time{
		font-size: 26rpx;
		color: #c5c5c5;
	}
	.kefu_button{
		padding-bottom: env(safe-area-inset-bottom);
		margin-bottom: 40rpx;
	}
	.kefu-text{
		padding-left: 10rpx;
		color: #1193E3;
		font-size: 30rpx;
		font-weight: 400;
		float: left;
	}
	/*底部操作栏*/
	.tui-col-12 {
		width: 100%;
	}
	.menuImgPadding{
		width: 35rpx;
		height: 35rpx;
		background: #FFFFFF;
		border-radius: 50%;
		padding: 15rpx;
	}

	.menuImg{
		width: 100%;
		height: 100%;
	}

	.tui-menu-left {
		display: flex;
		align-items: center;
	}
	
	.tui-menu-item {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: relative;
		margin: 10rpx 25rpx;
	}
	
	.tui-menu-text {
		font-size: 28rpx;
		font-weight: 400;
		color: #676767;
		margin-top: 10rpx;
	}
	.tui-menu-scale-small {
		transform: scale(0.9);
		transform-origin: center center;
	}
	
	/*底部操作栏*/
	
	// 分享海报
	  /* 按钮去掉边框 */
	  button::after {
		border: none;
	  }
	  button{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		line-height: 1;
		color: #1c1c1c;
		font-size: 28rpx;
		background: none;
	  }
	  .button-hover {
		color:#1c1c1c;
		background:none;
	  }
	  /*每个页面公共css */
	.content {
		text-align: center;
		height: 100%;
	}
	.share-btn{
		padding: 30upx 60upx;
		background-color:red;
		color: #FFFFFF;
	}
	.share-pro{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		z-index: 1000;
		line-height: 1;
		box-sizing: border-box;
		.share-pro-mask-share{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0);
		}
		.share-pro-mask{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
		}
		.share-pro-dialog-goods {
			width: 750rpx;
			height: 1200rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				line-height: 50rpx !important;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
		
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
			
			}
		}
		
		.share-pro-dialog {
			width: 750rpx;
			height: 470rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}

			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
				padding-bottom: 30rpx;
				.share-item{
					display: flex;
					flex-direction:column;
					justify-content: center;
					justify-content:space-around;
					.share-pro-title-text{
						font-size: 30rpx;
						text-align: center;
					}
					.share-pro-title-text-des{
						font-size: 28rpx;
						color: #CCCCCC;
						padding-top: 15rpx;
					}
					.share-icon{
						text-align:center;
						width: 100rpx;
						height: 100rpx;
						color: #42ae3c;
						margin: 0px auto;
						margin-top: 39rpx;
						margin-bottom: 16rpx;
					}
					&:nth-child(2){
						.share-icon{
							color: #ff5f33;
						}
					}
				}
			}
		}

		/* 显示或关闭内容时动画 */

		.open {
			transition: all 0.3s ease-out;
			transform: translateY(0);
		}
		.closeCart {
			transition: all 0.3s ease-out;
			transform: translateY(1200rpx);
		}
		.close {
			transition: all 0.3s ease-out;
			transform: translateY(470rpx);
		}

	}
	 .canvas{
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		z-index: 10;
	}

	// 分享海报
	
	// 关注公众号
	.weChat{
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #FFFFFF;
		padding: 10rpx 0rpx;
		margin-bottom: 18px;
		font-weight: 550;
		margin-top: 25rpx;
		line-height: 55rpx !important;
	}
	.weChat-left{
		font-size: 24rpx;
		margin-top: 0.5px;
	}
	.weChat-left-text{
		padding-left: 10rpx;
	}
	.weChat-right{
		color: #0a8fe2 !important;
		font-size: 28rpx;
	}
	.tui-alter-wechat{
		text-align: center;
		color: #0A8FE2;
		font-weight: 500;

	}
	.tui-alter-wechat-img {
		width: 400rpx;
		height: 400rpx;
		margin-top: 20rpx;
	}
	.tui-alter-wechat-title{
		font-size: 35rpx;
	}
	.tui-alter-wechat-depict{
		font-size: 30rpx;
	}
	.tui-alter-wechat-QRcode{
		font-size: 25rpx;
		color: #999999 !important; 
	}
	
	// 关注公众号
	// tui-list-view
	
	.tui-list-view {
		// padding-top: 0upx !important;
		// background: #FFFFFF;
		padding-bottom: 30rpx !important;
	}

	.tui-list-view-liebiao .tui-list-view{
		background: #F5F6F8 !important;
	}

	.tui-list-cell-name { 
		padding-left: 20upx;
		vertical-align: middle;
		line-height: 30upx;
	}

	.tui-list::after {
		left: 94upx !important
	}

	.tui-right {
		margin-left: auto;
		margin-right: 34upx;
		font-size: 26upx;
		line-height: 1;
		color: #999;
	}

	.logo {
		height: 40upx;
		width: 40upx;
	}

	.tui-flex {
		display: flex;
		align-items: center;
	}
	
	.tui-msg-waibu .tui-list-cell{
		width: 100% !important;
	}
	
	.tui-msg .tui-list-cell{
		display: block !important;
		// border-radius: 25rpx;
		width: 92%;
		margin: 0 auto;
		margin-bottom: 30rpx !important;
		padding: 13rpx 15rpx !important;
		color: #333 !important;
	}
	.tui-msg-box {
		display: flex;
		align-items: top;
		width: 100%;
	}
	.tui-msg-num{
		padding: 0px 15rpx;
		font-size: 28rpx;
		line-height: 100rpx;
		font-weight: 400;
		width: 6%;
		text-align: center;
	}

	.tui-msg-pic {
		width: 100upx;
		height: 100upx;
		border-radius: 50%;
		display: block;
		margin-right: 24upx;
	}
	.tui-jielong-item{
		min-width: 500upx;
		max-width: 570upx;
		min-height: 80upx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.tui-msg-item {
		// min-width: 450upx;
		// max-width: 570upx;
		// min-height: 80upx;
		width: 74%;
		height: 100rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.tui-msg-name-text{
		float: right;
		font-size: 25rpx;
		color: #999;
		line-height: 100rpx;
	}
	.tui-msg-name {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 30rpx;
		line-height: 100rpx;
		color: #262b3a;
		// display: flex;
		// flex-direction: column;
		// justify-content: space-between;
		
		
	}

	.tui-msg-content {
		// overflow: hidden;
		// white-space: nowrap;
		// text-overflow: ellipsis;
		padding: 10rpx 10rpx;
		// margin-top: 10rpx;
		line-height: 45rpx;
		color: #000;
		font-size: 26upx;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		// background: #f5f6f8;
		// height: 70rpx;
		border-radius: 6px;
		margin-left: 0%;
	}
	.tui-msg-right {
		max-width: 120upx;
		height: 88upx;
		margin-left: auto;
		text-align: right;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}

	.tui-msg-right.tui-right-dot {
		height: 76upx;
		padding-bottom: 10upx;

	}
	.tui-msg-title{
		font-size: 26upx;
	}
	.tui-msg-time {
		width: 100%;
		font-size: 24upx;
		line-height: 24upx;
		color: #9397a4;
	}

	.tui-badge {
		width: auto;
		font-size: 28rpx;
	}

	.tui-msg::after {
		left: 154upx !important
	}
	.tui-list-title{
		color: #000000 !important;
		font-weight: 500;
		padding-left: 20rpx;
		font-size: 35rpx !important;
		font-weight: 550;
	}
	// tui-list-view
	.article-bg{
		background: #FFFFFF;
		padding: 30rpx 30rpx 30rpx 30rpx;
		border-radius: 10rpx;
	}
	.describe{
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		// margin: 20rpx auto;
		font-size: 28rpx;
		color: #999 !important;
		font-weight: 350;
		margin-top: 5rpx;
		margin-bottom: 20rpx;
		
	}

	.tui-operation {
		z-index: 1001;
		width: 100%;
		height: 120rpx;
		/* box-sizing: border-box; */
		background: rgba(255, 255, 255, 0.98);
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: space-between;
		bottom: 0;
		left: 0;
		padding-bottom: env(safe-area-inset-bottom);
		box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	}

	.tui-operation .tui-badge-class{
		position: absolute !important;
		bottom: 34rpx !important;
		right: 0rpx !important;
		z-index: 999;
	}
	.tui-gradual {
		background: #0A8FE2 !important;	
		border-radius: 0rpx !important;
		height: 100rpx;
	}
	.tui-danger {
		background: #cccccc !important;
	}
	.tui-badge-small{
		background: #EB0909 !important; 
	}
	.deleteCart{
		font-size: 28rpx !important;
		color: #666 !important;
		vertical-align: middle !important;
		
	}
	.goods-pro-title {
		font-size: 33rpx;
		color: #000000;
		padding: 28rpx 41rpx;
		background-color: #FFFFFF;
		border-bottom: 1rpx solid #e8e8e8;
		font-weight: 400;
	}
	.tui-loadmore-none{
		margin: 0 auto !important;

	}
	.tui-list-content::after,.tui-list-cell::after{
		border-bottom: none !important;
	}
	
	/* tuiTips */
	.tuiTips{
		padding-top: 10% ;
	}
	.tui-tips-content{
		font-size: 30rpx !important; 
		color: #cccccc !important;
	}
	/* tuiTips */
	.cartEmpty{
		text-align: center;
		font-size: 28rpx;
		margin-top: 30%;
	}
	
	.tui-modal-show{
		padding: 10px 10px !important;
	}

	.tui-primary {
		background: #0A8FE2 !important;
	}
	.jielongBtnTo{
		height: 120rpx;
		width: 250rpx;
		color: #FFFFFF;
		background: #CCCCCC;
		line-height: 120rpx;
		font-size: 34rpx;
		text-align: center;
		// padding: 0px 100rpx;
	}
	.jielongBtn{
		height: 120rpx;
		width: 210rpx;
		color: #FFFFFF;
		background: #0A8FE2;
		line-height: 120rpx;
		font-size: 34rpx;
		text-align: center;
		
		// padding: 0px 100rpx;
	}
	.shareCancel{
		background: #f5f6f8;
		padding-top: 10rpx;
	}
	.shareCancelBut{
		background: #FFFFFF;
		text-align: center;
		font-size: 35rpx;
		
		font-weight: 450;
		padding: 20rpx 0px;
		
	}
	
	.commodity{
		width: 24px;
		height: 19px;
		float: left;
		margin-right: 6px;
	}
	.commodity_icon{
		width: 27rpx;
		height: 29rpx;
		margin-top: 9rpx;
		float: left;
		margin-right: 6px;
	}
	.offline view{
		height: 60rpx;
		width: 46rpx;
		text-align: center;
		line-height:60rpx;
	}
	.bottomadd view{
		height: 60rpx;
		width: 46rpx;
		text-align: center;
		line-height:60rpx;
		margin-bottom: -1rpx;
	}
	.itemName .tui-list-cell{
		color: #1193E3 !important;
		font-weight: 550;
	}
	.tui-jielong-pay-left{
		font-size: 27rpx;
	}
	.tui-jielong-msg .tui-jielong-content{
		font-weight: 550;
		font-size: 27rpx;
	}
	.tui-jielong-msg .tui-jielong-name{
		font-weight: 550;
	}
	.tui-jielong-pay-price{
		color: #EC1E37;
	}
	// 海报
	.shareBtu{
		background: #FFFFFF !important;
		border: 2rpx solid #0A8FE2 !important;
		border-radius: 10rpx !important;
		color: #0A8FE2 !important;
		text-align: center !important;
		width: 100%;
		padding: 10rpx 0rpx !important;
		font-weight: 500 !important;
		font-size: 35rpx !important;
	}
	.hideCanvasView {
		position: relative;
	}
	
	.hideCanvas {
		position: fixed;
		top: -99999upx;
		left: -99999upx;
		z-index: -99999;
	}
	
	.flex_row_c_c {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.modalView {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		outline: 0;
		transform: scale(1.2);
		perspective: 2500upx;
		background: rgba(0, 0, 0, 0.6);
		transition: all .3s ease-in-out;
		pointer-events: none;
		backface-visibility: hidden;
		z-index: 999;
	}
	
	.modalView.show {
		opacity: 1;
		transform: scale(1);
		pointer-events: auto;
		z-index: 999999;
	}
	
	.flex_column {
		display: flex;
		flex-direction: column;
	}
	
	.backgroundColor {
		// background-color: #FFF;
		z-index: 9999;
	}
	
	.border_radius_10px {
		border-radius: 5px;
	}
	
	.posterImage {
		width: 74vw;
		border-radius: 10rpx;
		// height: 490.556px;
	}
	
	.flex_row {
		display: flex;
		flex-direction: row;
	}
	
	.marginTop2vh {
		margin-top: 2vh;
		
	}
	// 海报
	
	.listthecontent{
		height: 340rpx !important;
		width: 100% !important;
		z-index: 999999999999999 !important;
	}
	/* 灰色阴影框 */
	.msgbox{
		background-color: #000;
		opacity: 0.5;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:999999;
		overflow: hidden;
	}
	/* 灰色阴影框 */
	
	.listtop_currents{
		text-align: left;
		font-weight: 500;
		padding-left: 20rpx;
		background: #F6F7F8;
		line-height: 75rpx;
		padding-left: 20rpx;
		font-size: 28rpx;
	}
	
	
	// 分类样式
	// .category {
	
		.category-wrapper {
			width: 100%;
			display: flex;
			flex-direction: row;
			// position: absolute;
			// top: 0;
			// bottom: 0;
			background: #FFF;
			// border-top: 10rpx solid #f1f1f1;
		
			.fixed {
				position: fixed;
				z-index: 99;
			}
			
			.VerticalNav.nav {
				width: 165upx;
				white-space: initial;
				background: #F8F8F8;
				margin-bottom: 54rpx;
			}
			
			.VerticalNav.nav .cu-item {
				width: 85%;
				text-align: center;
				background-color: #f1f1f1;
				margin: 0;
				border: none;
				height: 50px;
				position: relative;
				line-height: 100rpx;
				font-size: 28rpx;
				text-align: left;
				padding-left: 25rpx;
			}
			
			.VerticalNav.nav .cu-item.cur {
				background-color: #FFF;
				font-weight: 550;
			}
			
			.VerticalNav.nav .cu-item.cur::after {
				content: "";
				width: 8upx;
				height: 100%;
				// border-radius: 0 10upx 10upx 0;
				position: absolute;
				background-color: #0A8FE2;
				top: 0;
				left: 0upx;
				bottom: 0;
				margin: auto;
			}
			
			.VerticalBox {
				display: flex;
				width: 100%;
			}
			
			.VerticalMain {
				background-color: #FFF;
				flex: 1;
				margin-bottom: 60rpx;
			}
			
			.action{
				line-height: 100rpx;
				font-size: 30rpx;
				margin-left: 20rpx;
			}
		}
	// }
	.purchase_limitation{
		float: left;
		width: 130rpx;
		border: 1rpx solid #FFCA57;
		color: #FFF;
		text-align: center;
		border-bottom-right-radius: 5px;
		margin-right: 15rpx;
		background-color: #EA6C4B;
		border-top-left-radius: 16rpx;
		z-index: 998;
	}
	
	.purchase{
		width: 100%;
		height: 22px;
		position: absolute;
		top: 20rpx;
		left: 5rpx;
	}
	
	.huanhz{
		font-size: 24rpx;
	}
	
	// 接龙列表显示样式
	.share-proe{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		z-index: 1000;
		line-height: 1;
		box-sizing: border-box;
		.share-pro-mask-share{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0);
		}
		.share-pro-mask{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
			z-index: 999;
		}
		.share-pro-dialog-goods {
			width: 750rpx;
			height: 1200rpx;
			overflow: visible;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			z-index: 999;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				line-height: 50rpx !important;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
		
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
			
			}
		}
		
		.share-pro-dialog {
			width: 750rpx;
			height: 470rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
	
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
				padding-bottom: 30rpx;
				.share-item{
					display: flex;
					flex-direction:column;
					justify-content: center;
					justify-content:space-around;
					.share-pro-title-text{
						font-size: 30rpx;
						text-align: center;
					}
					.share-pro-title-text-des{
						font-size: 28rpx;
						color: #CCCCCC;
						padding-top: 15rpx;
					}
					.share-icon{
						text-align:center;
						width: 100rpx;
						height: 100rpx;
						color: #42ae3c;
						margin: 0px auto;
						margin-top: 39rpx;
						margin-bottom: 16rpx;
					}
					&:nth-child(2){
						.share-icon{
							color: #ff5f33;
						}
					}
				}
			}
		}
	
		/* 显示或关闭内容时动画 */
	
		.open {
			transition: all 0.3s ease-out;
			transform: translateY(0);
		}
		.closeCart {
			transition: all 0.3s ease-out;
			transform: translateY(1200rpx);
		}
		.close {
			transition: all 0.3s ease-out;
			transform: translateY(470rpx);
		}
	
	}
	
	.solitaire_list{
		width: 100%;
		float: left;
	}
	.solitaire_list_image{
		width: 225rpx;
		height: 50rpx;
		float: left;
		display: inherit;
	}
	
	.solitaire_list_image image{
		height: 50rpx;
		width: 50rpx;
		float: right;
		position: relative;
		border-radius: 50rpx;
		margin-top: 0rpx;
		right: 0;
		margin-right: -6px;
		border: 2rpx solid #FFF;
	}
	
	.solitaire_list_count{
		font-size: 28rpx;
		color: #a0a0a0;
	}
	
	.tui-avatar-autonyme{
		width: 36rpx;
		height: 36rpx;
		display: block;
		// margin-left: 8rpx;
		float: right;
		// margin-bottom: 6rpx;
		// margin-top: 30rpx;
	}
	// 接龙列表显示样式
	
	.delete_image{
		float: right;
		width: 100rpx;
		height: 55rpx;
	}
	
	.content_search_waikuang{
		width: 100%;
		// margin-top: 20rpx;
	}
	
	.content_search{
		width: 95%;
		background: #FFF;
		margin: 0 auto;
		line-height: 80rpx;
		height: 80rpx;
		// margin-top: 10rpx;
		margin-bottom: 10rpx;
		border-radius: 10rpx;
		// float: left;
		// margin-left: 20rpx;
	}
	
	.search_image{
		width: 34rpx;
		height: 34rpx;
		float: left;
		margin-top: 24rpx;
		margin-left: 20rpx;
	}
	
	.search_imaged{
		width: 34rpx;
		height: 34rpx;
		float: right;
		// margin-top: 20rpx;
		// margin-right: 20rpx;
		padding: 24rpx;
	}
	
	.content_search input{
		float: left;
		height: 80rpx;
		line-height: 80rpx;
		width: 70%;
		margin-left: 20rpx;
		font-size: 26rpx;
	}
	
	
</style>
